javascript栏目介绍体验es12新特性。
而每年，javascript都会更新添加新的特性新标准，在今年es2020发布了，而es2020（es12）也预计将在明年即2021年年中发布。每年的新特性都会经历四个阶段，而第四阶段也就是最后一个阶段，本文即将介绍的即提案4中的相关新特性，也是意味着这些新特性将很大程度的出现在下一个版本中
特性抢先知：string.prototype.replaceall 新增replaceallpromise.anyweakrefs逻辑运算符和赋值表达式数字分隔符号replaceall看到replaceall这个词，相比很容易联想到replace。在javascript中，replace方法只能是替换字符串中匹配到的第一个实例字符，而不能进行全局多项匹配替换，唯一的办法是通过正则表达式进行相关规则匹配替换
而replaceall则是返回一个全新的字符串，所有符合匹配规则的字符都将被替换掉，替换规则可以是字符串或者正则表达式。
let string = 'i like 前端,i like 前端公虾米'//使用replacelet replacestr = string.replace('like','love')console.log(replacestr)  // 'i love 前端,i like 前端公虾米'//replace使用正则匹配所有console.log(string.replace(/like/g,'love')) // 'i love 前端,i love 前端公虾米'//使用replacealllet replaceallstr = string.replaceall('like','love')console.log(replaceallstr) // 'i love 前端,i love 前端公虾米'复制代码
需要注意的是，replaceall在使用正则表达式的时候，如果非全局匹配（/g），则replaceall()会抛出一个异常
let string = 'i like 前端,i like 前端公虾米'console.log(string.replaceall(/like/,'love')) //typeerror复制代码
promise.any当promise列表中的任意一个promise成功resolve则返回第一个resolve的结果状态如果所有的promise均reject，则抛出异常表示所有请求失败
promise.any([  new promise((resolve, reject) => settimeout(reject, 500, '哎呀，我被拒绝了')),  new promise((resolve, reject) => settimeout(resolve, 1000, '哎呀，她接受我了')),  new promise((resolve, reject) => settimeout(resolve, 2000, '哎呀，她也接受我了')),]).then(value => console.log(`输出结果: ${value}`)).catch (err => console.log(err))//输出//输出结果:哎呀，她接受我了复制代码
再来看下另一种情况
promise.any([  promise.reject('error 1'),  promise.reject('error 2'),  promise.reject('error 3')]).then(value => console.log(`请求结果: ${value}`)).catch (err => console.log(err))//输出aggregateerror: all promises were rejected复制代码
promise.any与promise.race十分容易混淆，务必注意区分，promise.race 一旦某个promise触发了resolve或者reject，就直接返回了该状态结果，并不在乎其成功或者失败
weakrefs使用weakrefs的class类创建对对象的弱引用(对对象的弱引用是指当该对象应该被gc回收时不会阻止gc的回收行为)
当我们通过（const、let、var）创建一个变量时，垃圾收集器gc将永远不会从内存中删除该变量，只要它的引用仍然存在可访问。weakref对象包含对对象的弱引用。对对象的弱引用是不会阻止垃圾收集器gc恢复该对象的引用，则gc可以在任何时候删除它。
weakrefs在很多情况下都很有用，比如使用map对象来实现具有很多需要大量内存的键值缓存，在这种情况下最方便的就是尽快释放键值对占用的内存。
目前，可以通过weakmap()或者weakset()来使用weakrefs
举个栗子
我想要跟踪特定的对象调用某一特定方法的次数，超过1000条则做对应提示
let map = new map()function dosomething(obj){ ...}function useobject(obj){ dosomething(obj)    let called = map.get(obj) || 0  called ++     if(called>1000){     console.log('当前调用次数已经超过1000次了，over')  }    map.set(obj, called)}复制代码
如上虽然可以实现我们的功能，但是会发生内存溢出,因为传递给dosomething函数的每个对象都永久保存在map中，并且不会被gc回收，因此我们可以使用weakmap
let wmap = new weakmap()function dosomething(obj){ ...}function useobject(obj){ dosomething(obj)    let called = wmap.get(obj) || 0    called ++    if(called>1000){     console.log('当前调用次数已经超过1000次了，over')  }    wmap.set(obj, called)}复制代码
因为是弱引用，所以weakmap、weakset的键值对是不可枚举的
weakset和weakmap相似，但是每个对象在weakset中的每个对象只可能出现一次，weakset中所有对象都是唯一的
let ws = new weakset()let foo = {}let bar = {}ws.add(foo)ws.add(bar)ws.has(foo) //truews.has(bar) //truews.delete(foo) //删除foo对象ws.has(foo) //false 已删除ws.has(bar) //仍存在复制代码
weakset与set相比有以下两个区别
weakset只能是对象集合，而不能是任何类型的任意值weakset弱引用，集合中对象引用为弱引用，如果没有其他对weakset对象的引用，则会被gc回收最后，weakref实例有一个方法deref，返回引用的原始对象，如果原始对象被回收，则返回undefined
const cache = new map();const setvalue =  (key, obj) => {  cache.set(key, new weakref(obj));};const getvalue = (key) => {  const ref = cache.get(key);  if (ref) {    return ref.deref();  }};const fibonaccicached = (number) => {  const cached = getvalue(number);  if (cached) return cached;  const sum = calculatefibonacci(number);  setvalue(number, sum);  return sum;};复制代码
对于缓存远程数据来说，这可能不是一个好主意，因为远程数据可能会不可预测地从内存中删除。在这种情况下，最好使用lru之类的缓存。
逻辑运算符和赋值表达式逻辑运算符和赋值表达式，新特性结合了逻辑运算符（&&，||，）和赋值表达式而javascript已存在的复合赋值运算符有：
操作运算符：+=   -=   *=   /=   %=   **=位操作运算符：&=   ^=   |=按位运算符：<<= >>=   >>>=现有的的运算符，其工作方式都可以如此来理解
表达式：a op= b
等同于：a = a op b
逻辑运算符和其他的复合赋值运算符工作方式不同
表达式：a op= b
等同于：a = a op (a = b)
a ||= b//等价于a = a || (a = b)a &&= b//等价于a = a && (a = b)a = b//等价于a = a  (a = b)复制代码
为什么不再是跟以前的运算公式a = a op b一样呢，而是采用a = a op (a = b)。因为后者当且仅当a的值为false的时候才计算赋值，只有在必要的时候才执行分配，而前者的表达式总是执行赋值操作
=可用来补充/初始化缺失的属性const pages = [  {   title:'主会场',    path:'/'  },  {    path:'/other'  },  ...]  for (const page of pages){ page.title = '默认标题'}console.table(pages)//(index)  title        path//0        主会场      ///1        默认标题    /other复制代码
小结：&&=：当lhs值存在时，将rhs变量赋值给lhs||=：当lhs值不存在时，将rhs变量赋值给lhs= ：当lhs值为null或者undefined时，将rhs变量赋值给lhs数字分隔符数字分隔符，可以在数字之间创建可视化分隔符，通过_下划线来分割数字，使数字更具可读性
const money = 1_000_000_000//等价于const money = 1000000000const totalfee = 1000.12_34//等价于const totalfee = 1000.1234复制代码
该新特性同样支持在八进制数中使用
const number = 0o123_456//等价于const number = 0o123456复制代码
该新特性方便读取数据，可以让我们打工人更容易辨认资产不过话说回来，小编的资产好像不配使用该特性...敲重点！！！
本次所有新特性均介绍的第4阶段，意味着将出现在下一个版本中的，没有介绍阶段3的，因为不确定是否一定会出现在下个版本中。本文介绍的新特性均可直接在最新版的谷歌浏览器中愉快体验。
相关免费学习推荐：javascript（视频）
以上就是抢先体验javascript es12新特性的详细内容。