ES11和ES12知识点

ES11：

1：BigInt

//之前的最大表示的安全数字
const max = Number.MAX_SAFE_INTEGER
console.log(max);
//新增 BigInt 末尾加n
const bigInt = 900719925474099100n
console.log(bigInt);
console.log(bigInt + 10n);

2:空值合并操作

const message = 0
const message1 = ''
const message2 = undefined
const msg = message ?? 'defalut value'
const msg1 = message1 ?? 'defalut value'
const msg2 = message2 ?? 'defalut value'

3：globalThis node或者浏览器统一用来表示全局对象 node没有window

4:  Optional Chanining ?. 可选链 避免找不到没有定义的对象而报错

const obj={
    name:'tyy',
    friend:{
        name:'tsf'
    }
}
if(obj&&obj.name)
{
    console.log(obj.name);
}
console.log(obj.friend?.name);

5：for...in标准化 ES11 for...in标准化规定遍历的是key

const obj = {
    name: 'tyy',
    age: 20

}
for (const item in obj) {
    console.log(item);
}

 

 ES12:

1:FinalizationRegistry 新增的一个类来判断对象是否被回收

const finalRegistry = new FinalizationRegistry((value) => {
    console.log("销毁啦", value);
})
let obj = { name: 'tyy' }
    //注册
finalRegistry.register(obj, 'obj')
obj = null

 

 2：WeakRef弱引用 新增的一个类

const finalRegistry = new FinalizationRegistry((value) => {
    console.log("销毁啦", value);
})
let obj = { name: 'tyy' }
let info = { name: 'tsf' }
let info1 = new WeakRef(obj)
    //注册
finalRegistry.register(obj, 'obj')
finalRegistry.register(info1, 'inf1')
obj = null

即使info1指着obj但是是弱应用还是会销毁

 

 3：logical assignment operator逻辑赋值运算 ||= &&=  ??=

var message=undefined
var msg=message||='defalut value'
var msg2=message??='defalut value'
var info={name:'tyy'}
var info1=info&&=info.name
console.log(msg);
console.log(msg2);
console.log(info1);

需要区分||= 和??= 功能差不多 但是 ??=能识别出了0或者""