javascript es6的常用语法你知道吗
更新时间：2022年01月23日 14:58:34 作者：kenneth_zh
这篇文章主要为大家介绍了javascriptes6的常用语法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助
1.const常量标识
1.不允许重复声明赋值
const args='kenneth' const args="kenneth"
es5实现声明常量
Object.defineProperty(window,"args",{
value: ' this is es5',
writable: false
})
2.块级作用域
if(true){
const args=123
}
console.log(args)
3.无变量提升
console.log(args) const args=1
var args=123 console.log(window.args) //123 cosnt args1=456 console.log(window.args1) //cosnt不在window中
4.dead zone (死区)
if(true){
console.log(infor)
const infor=123
}
专属报错：
5.let or cosnt
const obj={
id:1,
age:18,
name:'aaa'
}
obj.age=19 // cosnt 创建一个对象，对象中的属性可以被改变
//解决：冻结对象,一个被冻结的对象再也不能被修改
Object.freeze()
const obj2={
id:2,
name:'bbb',
age:20,
food:['banana','apple']
}
Object.freeze(obj2)
obj2.age=21 //被Object.freeze（）冻结后，不可以改变
obj2.foods[1]='pear' //可以改变 freeze只能冻结根层 嵌套引用类型需要嵌套递归
//实现创建引用类型：
function deepFreeze(obj) {
Object.freeze(obj);
(Object.keys(obj) || []).forEach((key) => {
let innerObj = obj[key]
if (typeof innerObj === 'object') {
deepFreeze(innerObj);
}
}
)
}
const tempObj = {
id: 23,
name: '1',
food: ['banana', 'apple']
}
deepFreeze(tempObj)
总结
本篇文章就到这里了，希望能够给你带来帮助，也希望您能够多多关注脚本之家的更多内容!
1.const常量标识
1.不允许重复声明赋值
const args='kenneth' const args="kenneth"
es5实现声明常量
Object.defineProperty(window,"args",{
value: ' this is es5',
writable: false
})
2.块级作用域
if(true){
const args=123
}
console.log(args)
3.无变量提升
console.log(args) const args=1
var args=123 console.log(window.args) //123 cosnt args1=456 console.log(window.args1) //cosnt不在window中
4.dead zone (死区)
if(true){
console.log(infor)
const infor=123
}
专属报错：
5.let or cosnt
const obj={
id:1,
age:18,
name:'aaa'
}
obj.age=19 // cosnt 创建一个对象，对象中的属性可以被改变
//解决：冻结对象,一个被冻结的对象再也不能被修改
Object.freeze()
const obj2={
id:2,
name:'bbb',
age:20,
food:['banana','apple']
}
Object.freeze(obj2)
obj2.age=21 //被Object.freeze（）冻结后，不可以改变
obj2.foods[1]='pear' //可以改变 freeze只能冻结根层 嵌套引用类型需要嵌套递归
//实现创建引用类型：
function deepFreeze(obj) {
Object.freeze(obj);
(Object.keys(obj) || []).forEach((key) => {
let innerObj = obj[key]
if (typeof innerObj === 'object') {
deepFreeze(innerObj);
}
}
)
}
const tempObj = {
id: 23,
name: '1',
food: ['banana', 'apple']
}
deepFreeze(tempObj)
总结
本篇文章就到这里了，希望能够给你带来帮助，也希望您能够多多关注脚本之家的更多内容!
相关文章
JS函数经常使用的比较多比如获取页面地址参数、地址跳转、判断是否数字等等，在本文整理了一些，感兴趣的可以参考下2013-10-10
JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式，我们称之为JavaScript对象表示法。使用JSON进行数据传输的优势之一是JSON实际上就是JavaScript。它基于ECMAScript第3版中JavaScript对象字面量语法子集的一种文本格式。2014-10-10
下面小编就为大家分享一篇详谈DOM简介及节点、属性、查找节点的方法，具有非常好的参考价值，一起跟随小编过来看看吧，希望对大家有所帮助2017-11-11
JSON是一种数据交换格式，而JSONP是一种依靠开发人员的聪明才智创造出的一种非官方跨域数据交互协议,本文从理论到实践详细的讲解了JSON和JSONP的使用2013-11-11
由于javascript 数组应用比较广泛，使用的朋友越来越多，脚本之家特为大家整理了一些js 数据方面的学习资料，大家看完了，基本上应该对数组有个理解了。2010-04-04
Javascript new Date().valueOf()的作用与时间戳由来详解
本篇文章小编为大家介绍，Javascript new Date().valueOf()的作用与时间戳由来详解。需要的朋友参考下2013-04-04
这篇文章主要为大家介绍了前端变量函数命名规则的总结，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-07-07
这篇文章主要介绍了Javascript中的this，有需要的朋友可以参考一下2013-12-12
这篇文章主要介绍了三个js循环的关键字示例，主要是for与while,需要的朋友可以参考下2016-02-02
HTML DOM 是 W3C 标准（是 HTML 文档对象模型的英文缩写，Document Object Model for HTML）。通过 DOM，可以访问所有的 HTML 元素，连同它们所包含的文本和属性。可以对其中的内容进行修改和删除，同时也可以创建新的元素。2016-03-03
最新评论