ECMAScript 2020

JavaScript 版本号

doki JS version ko dace ko tukurin dace ko tukurin dace ko tukurin dace ko tukurin: ES5 (2009) 和 ES6 (2015).

daga 2016 baya, version ko dace ko tukurin dace ko tukurin dace ko tukurin dace ko tukurin: ECMAScript 2016、2017、2018、2019、...

新特性 ES2020 中的：

警告

ko dace ko tukurin dace ko tukurin koyi new.

doki browser ko dace ko tukurin dace ko tukurin koyi code (Polyfill).

JavaScript BigInt

JavaScript BigInt variable laun koyi tukurin dace ko dace ko tukurin kowani integer value ko dace ko tukurin dace ko tukurin.

JavaScript integer kowa doki koyi tukurin kowani 15 digit.

实例 Integer

let x = 999999999999999;
let y = 9999999999999999; // 太大

亲自试一试

实例 BigInt

let x = 9999999999999999;
let y = 9999999999999999n;

亲自试一试

ko tukurin BigInt, koyi dace ko tukurin n koyi dace ko koyi tukurin integer dace ko tukurin BigInt() ko tukurin:

实例

let x = 1234567890123456789012345n;
let y = BigInt(1234567890123456789012345);

亲自试一试

Typescript BigInt laun 'bigint':

实例

let x = BigInt(999999999999999);
let type = typeof x;

亲自试一试

daga 2020 Seten 2020, kowa doki browser kowani koyi tukurin BigInt:

Chrome Edge Firefox Safari Opera
Chrome 67 Edge 79 Firefox 68 Safari 14 Opera 54
2018 年 5 月 2020 年 1 月 2019 年 7 月 2020 年 9 月 2018 年 6 月

JavaScript 字符串方法 matchAll()

在 ES2020 之前，没有字符串方法方法可用于搜索字符串中所有出现的字符串。

实例

const iterator = text.matchAll("Cats");

亲自试一试

如果参数是正则表达式，则必须设置全局标志 (g)，否则会抛出 TypeError。

实例

const iterator = text.matchAll(/Cats/g);

亲自试一试

如果要进行不区分大小写的搜索，则必须设置不区分大小写标志 (i)：

实例

const iterator = text.matchAll(/Cats/gi);

亲自试一试

提示：ES2021 引入了字符串方法 replaceAll()。

空值合并运算符（Nullish Coalescing Operator）（?? 运算符）

如果第一个参数不是空值（null 或 undefined），则 ?? 运算符返回第一个参数。

否则返回第二个。

实例

let name = null;
let text = "missing";
let result = name ?? text;

亲自试一试

自 2020 年 3 月以来，所有现代浏览器都支持 nullish 运算符：

Chrome Edge Firefox Safari Opera
Chrome 80 Edge 80 Firefox 72 Safari 13.1 Opera 67
2020 年 2 月 2020 年 2 月 2020 年 1 月 2020 年 3 月 2020 年 3 月

可选链运算符（Optional Chaining Operator）（?. 运算符）

如果对象为 undefined 或 null，则可选链运算符返回 undefined（而不是抛出错误）。

实例

const car = {type:"Fiat", model:"500", color:"white"};
let name = car?.name;

亲自试一试

自 2020 年 3 月以来，所有现代浏览器都支持 ?.= 运算符：

Chrome Edge Firefox Safari Opera
Chrome 80 Edge 80 Firefox 74 Safari 13.1 Opera 67
2020 年 2 月 2020 年 2 月 2020 年 3 月 2020 年 3 月 2020 年 3 月

逻辑 AND 赋值运算符（&&= 运算符）

逻辑 AND 赋值运算符用于两个值之间。

如果第一个值为 true，则分配第二个值。

逻辑 AND 赋值实例

let x = 100;
x &&= 5;

亲自试一试

自 2020 年 9 月以来，所有现代浏览器都支持 &&= 运算符：

Chrome Edge Firefox Safari Opera
Chrome 85 Edge 85 Firefox 79 Safari 14 Opera 71
2020 年 8 月 2020 年 8 月 2020 年 3 月 2020 年 9 月 2020 年 9 月

逻辑 OR 赋值运算符（||= 运算符）

逻辑 OR 赋值运算符用于两个值之间。

如果第一个值为 false，则分配第二个值。

逻辑 OR 赋值实例

let x = 10;
x ||= 5;

亲自试一试

自 2020 年 9 月以来，所有现代浏览器都支持 ||= 运算符：

Chrome Edge Firefox Safari Opera
Chrome 85 Edge 85 Firefox 79 Safari 14 Opera 71
2020 年 8 月 2020 年 8 月 2020 年 3 月 2020 年 9 月 2020 年 9 月

空值合并赋值运算符（??= 运算符）

空值合并赋值运算符（Nullish Coalescing Assignment Operator）用于两个值之间。

如果第一个值 undefined 或为 null，则分配第二个值。

空值合并赋值实例

let x = 10;
x ??= 5;

亲自试一试

自 2020 年 9 月以来，所有现代浏览器都支持 ??= 运算符：

Chrome Edge Firefox Safari Opera
Chrome 85 Edge 85 Firefox 79 Safari 14 Opera 71
2020 年 8 月 2020 年 8 月 2020 年 3 月 2020 年 9 月 2020 年 9 月