javascript es6的常用語法你知道嗎

更新時間：2022年01月23日 14:58:34 作者：kenneth_zh

這篇文章主要為大家介紹了javascriptes6的常用語法，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助

1.const常量標(biāo)識

1.不允許重復(fù)聲明賦值

const args='kenneth'
const args="kenneth"

es5實(shí)現(xiàn)聲明常量

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 (死區(qū))

if(true){
console.log(infor)
const infor=123
}

專屬報錯：

5.let or cosnt

const obj={
 id:1,
 age:18,
 name:'aaa'
}
obj.age=19       // cosnt 創(chuàng)建一個對象，對象中的屬性可以被改變
//解決：凍結(jié)對象,一個被凍結(jié)的對象再也不能被修改
Object.freeze()
const obj2={
 id:2,
 name:'bbb',
 age:20,
 food:['banana','apple']
}
Object.freeze(obj2)
obj2.age=21                 //被Object.freeze（）凍結(jié)后，不可以改變    
obj2.foods[1]='pear'        //可以改變  freeze只能凍結(jié)根層 嵌套引用類型需要嵌套遞歸

//實(shí)現(xiàn)創(chuàng)建引用類型：
    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)

總結(jié)

本篇文章就到這里了，希望能夠給你帶來幫助，也希望您能夠多多關(guān)注腳本之家的更多內(nèi)容!

1.const常量標(biāo)識

1.不允許重復(fù)聲明賦值

const args='kenneth'
const args="kenneth"

es5實(shí)現(xiàn)聲明常量

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 (死區(qū))

if(true){
console.log(infor)
const infor=123
}

專屬報錯：

5.let or cosnt

const obj={
 id:1,
 age:18,
 name:'aaa'
}
obj.age=19       // cosnt 創(chuàng)建一個對象，對象中的屬性可以被改變
//解決：凍結(jié)對象,一個被凍結(jié)的對象再也不能被修改
Object.freeze()
const obj2={
 id:2,
 name:'bbb',
 age:20,
 food:['banana','apple']
}
Object.freeze(obj2)
obj2.age=21                 //被Object.freeze（）凍結(jié)后，不可以改變    
obj2.foods[1]='pear'        //可以改變  freeze只能凍結(jié)根層 嵌套引用類型需要嵌套遞歸

//實(shí)現(xiàn)創(chuàng)建引用類型：
    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)