javascript es6的常用语法你知道吗
作者：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)
总结
本篇文章就到这里了，希望能够给你带来帮助，也希望您能够多多关注脚本之家的更多内容!