ES 2021新特性有哪些

這篇文章主要講解了“ES 2021新特性有哪些”，文中的講解內(nèi)容簡單清晰，易于學(xué)習(xí)與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學(xué)習(xí)“ES 2021新特性有哪些”吧！

String.protype.replaceAll

在 ES2021 之前，要替換掉一個字符串中的所有指定字符，我們可以這么做：

const fruits = '?+?+?+';  const fruitsfruitsWithBanana = fruits.replace(/\+/g, '?');  console.log(fruitsWithBanana); //???

ES2021 則提出了 replaceAll 方法，并將其掛載在 String 的原型上，可以這么用：

const fruits = '?+?+?+';  const fruitsfruitsWithBanana = fruits.replaceAll('+', '?');  console.log(fruitsWithBanana); //??????

Promise.any

Promise.any 方法和 Promise.race 類似——只要給定的迭代中的一個 promise 成功，就采用第一個 promise 的值作為它的返回值，但與 Promise.race 的不同之處在于——它會等到所有 promise 都失敗之后，才返回失敗的值：

const myFetch = url => setTimeout(() => fetch(url), Math.floor(Math.random() * 3000));  const promises = [    myFetch('/endpoint-1'),    myFetch('/endpoint-2'),    myFetch('/endpoint-3'),  ];  // 使用 .then .catch  Promise.any(promises) // 任何一個 promise 成功。         .then(console.log) // 比如 ‘3’         .catch(console.error); // 所有的 promise 都失敗了  // 使用 async-await  try {    const first = await Promise.any(promises); // 任何一個 promise 成功返回。   console.log(first);  }catch (error) { // 所有的 promise 都失敗了    console.log(error);  }

WeakRef

WeakRef 提案主要包含兩個新功能：

•  可以通過 WeakRef 類來給某個對象創(chuàng)建一個弱引用

•  可以通過 FinalizationRegistry 類，在某個對象被垃圾回收之后，執(zhí)行一些自定義方法

上述兩個新功能可以同時使用，也可以單獨使用，取決于你的需求。

一個 WeakRef 對象包含一個對于某個對象的弱引用，被稱為 目標(biāo) 或 引用。通過弱引用一個對象，可以讓該對象在沒有其它引用的情況下被垃圾回收機(jī)制回收。

WeakRef 主要用來 緩存 和 映射 一些大型對象，當(dāng)你希望某個對象在不被其它地方引用的情況下及時地被垃圾回收，那么你就可以使用它。

function toogle(element) {    const weakElement = new WeakRef(element);    let intervalId = null;    function toggle() {      const el = weakElement.deref();      if (!el) {         return clearInterval(intervalId);     }     const decoration = weakElement.style.textDecoration;     const style= decoration === 'none' ? 'underline' : 'none';     decoration = style;    }    intervalId = setInterval(toggle, 1000);  }  const element = document.getElementById("link");  toogle(element);  setTimeout(() => element.remove(), 10000);

FinalizationRegistry 接收一個注冊器回調(diào)函數(shù)，可以利用該注冊器為指定對象注冊一個事件監(jiān)聽器，當(dāng)這個對象被垃圾回收之后，會觸發(fā)監(jiān)聽的事件，具體步驟如下。

首先，創(chuàng)建一個注冊器：

const registry = new FinalizationRegistry(heldValue => {    // .... });

接著注冊一個指定對象，同時也可以給注冊器回調(diào)傳遞一些參數(shù)：

registry.register(theObject, "some value");

邏輯賦值運算符

譯者注：賦值運算符 和 表達(dá)式 的區(qū)別可以 看這里。

邏輯賦值運算符結(jié)合了 邏輯運算符 和 賦值表達(dá)式。邏輯賦值運算符有兩種：

•  或等于（||=）

•  且等于（&&=） 

// 或等于  |   a   |   b   | a ||= b | a (運算后) |  | true  | true  |   true  |        true         |  | true  | false |   true  |        true         |  | false | true  |   true  |        true         |  | false | false |   false |        false        |  a ||= b  // 等同于:  a || (a = b);  // 且等于  |   a   |   b   | a &&= b | a (運算后) |  | true  | true  |   true  |        true         |  | true  | false |   false |        false        |  | false | true  |   false |        false        |  | false | false |   false |        false        |  a &&= b  // 等同于:  a && (a = b);

數(shù)字分隔符

通過這個功能，我們利用 “（_，U+005F）” 分隔符來將數(shù)字分組，提高數(shù)字的可讀性：

1_000_000_000           // 十億  101_475_938.38          // 億萬  const amount = 12345_00;  // 12,345  const amount = 123_4500;  // 123.45 (保留 4 位小數(shù))  const amount = 1_234_500; // 1,234,500  0.000_001 // 百萬分之一  1e10_000  // 10^10000  const binary_literals = 0b1010_0001_1000_0101;  const hex_literals = 0xA0_B0_C0;  const bigInt_literals = 1_000_000_000_000n;  const octal_literal = 0o1234_5670;

感謝各位的閱讀，以上就是“ES 2021新特性有哪些”的內(nèi)容了，經(jīng)過本文的學(xué)習(xí)后，相信大家對ES 2021新特性有哪些這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關(guān)知識點的文章，歡迎關(guān)注！