溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
前言
JavaScript 不斷改進和添加更多功能。TC39 已經完成并批準了 ES2019 的這 8 個功能，它有 4 個階段，這些階段是：
以下鏈接可以查看Stage 0，Stage 1 – 3 和Final Stage
可選的 Catch 綁定
能夠在不使用 catch 綁定的地方選擇性地刪除它
try {
// trying to use a new ES2019 feature
// which may not be implemented in other browsers
} catch (unused) {
// revert back to old way
}
現在可以刪除未使用的綁定
try {
...
} catch {
...
}
JSON 超集
此提議的動機是 JSON 字符串可以包含未轉義的 U + 2028 LINE SEPARATOR 和 U + 2029 PARAGRAPH SEPARATOR 字符，而 ECMAScript 字符串則不能。在 ES2019 之前，它會產生錯誤SyntaxError: Invalid or unexpected token
const LS = eval('"\u2028"');
const PS = eval("'\u2029'");
符號說明
在 ES2015 中引入符號，具有非常獨特的功能。在 ES2019 中，它現在可以提供給定的描述。其目的是避免間接獲得所提供的描述Symbol.prototype.toString
const mySymbol = Symbol("myDescription");
console.log(mySymbol); // Symbol(myDescription)
console.log(mySymbol.toString()); // Symbol(myDescription)
console.log(mySymbol.description); // myDescription
Function.prototype.toString - 修訂版
我們之前已經在函數原型中使用了toString方法，但是在 ES2019 中它已被修改并包含函數內的注釋，請注意它在Arrow Functions上不起作用。
function /* comment */ foo /* another comment */() {}
// Before
console.log(foo.toString()); // function foo(){}
// Now ES2019
console.log(foo.toString()); // function /* comment */ foo /* another comment */ (){}
// Arrow Syntax
const bar /* comment */ = /* another comment */ () => {};
console.log(bar.toString()); // () => {}
Object.fromEntries
它是 Object.entries 的反向方法，它也是克隆對象的方法之一
const obj = {
prop1: 1,
prop2: 2
};
const entries = Object.entries(obj);
console.log(entries); // [ [ 'prop1', 1 ], [ 'prop2', 2 ] ]
const fromEntries = Object.fromEntries(entries);
console.log(fromEntries); // Object { prop1: 1, prop2: 2 }
console.log(obj === fromEntries); // false
注意：任何嵌入式對象/數組都只是通過引用復制。
格式良好的 JSON.stringify
這也是由同一個人提出的，并且與 JSON 超集特征有關 。ES2019 不是將未配對的代理代碼點作為單個 UTF-16 代碼單元返回，而是用 JSON 轉義序列表示它們
// Before
console.log(JSON.stringify("\uD800")); // "�"
// Now ES2019
console.log(JSON.stringify("\uD800")); // "\ud800"
String.prototype trimStart 和 trimEnd
我們已經在 String 原型中使用了trim方法，它刪除了字符串開頭和結尾之間的空格。但是現在開始介紹 ES2019 的 trimStart和trimEnd
// Trim const name = " Codedam "; console.log(name.trim()); // "Codedam" // Trim Start const description = " Unlocks Secret Codes "; console.log(description.trimStart()); // "Unlocks Secret Codes " // Trim End const category = " JavaScript "; console.log(category.trimEnd()); // " JavaScript"
Array.prototype flat 和 flatMap
flat方法創建一個新數組，所有子數組元素以遞歸方式連接到指定的深度。 默認情況下，深度為 1，使數組上第一層嵌套數組變平。
const arr = [1, 2, [3, 4, [5, 6]]]; arr.flat(); // [1, 2, 3, 4, [5, 6]] arr.flat(2); // [1, 2, 3, 4, 5, 6] // You can use Infinity to flatten all the nested arrays no matter how deep the array is const arrExtreme = [1, [2, [3, [4, [5, 6, 7, [8, 9]]]]]]; arrExtreme.flat(Infinity); // [1, 2, 3, 4, 5, 6, 7, 8, 9]
flatMap 類似于 flat 并且與 map 相關，其中它映射數組然后將其展平
const arr = ["Codedam", "is Awsome", "!"];
const mapResult = arr.map(item => item.split(" "));
console.log(mapResult); // [ [ 'Codedam' ], [ 'is', 'Awsome' ], [ '!' ] ]
const flatMapResult = arr.flatMap(chunk => chunk.split(" "));
console.log(flatMapResult); // ['Codedam', 'is', 'Awsome', '!'];
其他
強調一下現在 Stage 3 中的一些有用的即將推出的功能。
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持億速云。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
