JavaScript：ES2019 的新特性(譯)
作為最流行的編程語言和最重要的 Web 開發(fā)語言之一，JavaScript 不斷演變，每次迭代都會得到一些新的內(nèi)部更新。讓我們來看看 ES2019 有哪些新的特性，并加入到我們?nèi)粘ｉ_發(fā)中:
Array.prototype.flat()
Array.prototype.flat() 遞歸地將嵌套數(shù)組拼合到指定深度。默認值為 1，如果要全深度則使用 Infinity 。此方法不會修改原始數(shù)組，但會創(chuàng)建一個新數(shù)組:
const arr1 = [1, 2, [3, 4]]; arr1.flat(); // [1, 2, 3, 4] const arr2 = [1, 2, [3, 4, [5, 6]]]; arr2.flat(2); // [1, 2, 3, 4, 5, 6] const arr3 = [1, 2, [3, 4, [5, 6, [7, 8]]]]; arr3.flat(Infinity); // [1, 2, 3, 4, 5, 6, 7, 8]
flat() 方法會移除數(shù)組中的空項:
const arr4 = [1, 2, , 4, 5]; arr4.flat(); // [1, 2, 4, 5]
Array.prototype.flatMap()
flatMap() 方法首先使用映射函數(shù)映射每個元素，然后將結(jié)果壓縮成一個新數(shù)組。它與 Array.prototype.map 和 深度值為 1的 Array.prototype.flat 幾乎相同，但 flatMap 通常在合并成一種方法的效率稍微高一些。
const arr1 = [1, 2, 3]; arr1.map(x => [x * 4]); // [[4], [8], [12]] arr1.flatMap(x => [x * 4]); // [4, 8, 12]
更好的示例：
const sentence = ["This is a", "regular", "sentence"];
sentence.map(x => x.split(" "));
// [["This","is","a"],["regular"],["sentence"]]
sentence.flatMap(x => x.split(" "));
// ["This","is","a","regular", "sentence"]
// 可以使用 歸納（reduce） 與 合并（concat）實現(xiàn)相同的功能
sentence.reduce((acc, x) => acc.concat(x.split(" ")), []);
String.prototype.trimStart() 和 String.prototype.trimEnd()
除了能從字符串兩端刪除空白字符的 String.prototype.trim() 之外，現(xiàn)在還有單獨的方法，只能從每一端刪除空格:
const test = " hello "; test.trim(); // "hello"; test.trimStart(); // "hello "; test.trimEnd(); // " hello";
- trimStart() ：別名 trimLeft()，移除原字符串左端的連續(xù)空白符并返回，并不會直接修改原字符串本身。
- trimEnd() ：別名 trimRight()，移除原字符串右端的連續(xù)空白符并返回，并不會直接修改原字符串本身。
Object.fromEntries
將鍵值對列表轉(zhuǎn)換為 Object 的新方法。
它與已有 Object.entries() 正好相反，Object.entries()方法在將對象轉(zhuǎn)換為數(shù)組時使用，它返回一個給定對象自身可枚舉屬性的鍵值對數(shù)組。
但現(xiàn)在您可以通過 Object.fromEntries 將操作的數(shù)組返回到對象中。
下面是一個示例（將所有對象屬性的值平方）:
const obj = { prop1: 2, prop2: 10, prop3: 15 };
// 轉(zhuǎn)化為鍵值對數(shù)組：
let array = Object.entries(obj);
// [["prop1", 2], ["prop2", 10], ["prop3", 15]]
將所有對象屬性的值平方:
array = array.map(([key, value]) => [key, Math.pow(value, 2)]); // [["prop1", 4], ["prop2", 100], ["prop3", 225]]
我們將轉(zhuǎn)換后的數(shù)組 array 作為參數(shù)傳入 Object.fromEntries ，將數(shù)組轉(zhuǎn)換成了一個對象:
const newObj = Object.fromEntries(array);
// {prop1: 4, prop2: 100, prop3: 225}
可選的 Catch 參數(shù)
新提案允許您完全省略 catch() 參數(shù)，因為在許多情況下，您并不想使用它:
try {
//...
} catch (er) {
//handle error with parameter er
}
try {
//...
} catch {
//handle error without parameter
}
Symbol.description
description 是一個只讀屬性，它會返回 Symbol 對象的可選描述的字符串，用來代替 toString() 方法。
const testSymbol = Symbol("Desc");
testSymbol.description; // "Desc"
testSymbol.toString(); // "Symbol(Desc)"
Function.toString()
現(xiàn)在,在函數(shù)上調(diào)用 toString() 會返回函數(shù)，與它的定義完全一樣，包括空格和注釋。
之前：
function /* foo comment */ foo() {}
foo.toString(); // "function foo() {}"
現(xiàn)在：
foo.toString(); // "function /* foo comment */ foo() {}"
JSON.parse() 改進
行分隔符 (u2028) 和段落分隔符 (u2029)，現(xiàn)在被正確解析，而不是報一個語法錯誤。
var str = '{"name":"Bottle\u2028AnGe"}'
JSON.parse(str)
// {name: "Bottle
AnGe"}
原文鏈接：JavaScript: What's new in ES2019
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要為大家詳細介紹了使用原生JavaScript實現(xiàn)彈出層登錄拖拽功能,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12
json decode出現(xiàn)中文亂碼，返回null，很多朋友都遇到過吧，該怎么解決呢？下面小編把解決辦法分享在腳本之家網(wǎng)站上，供大家學(xué)習(xí)2015-10-10
AutoJS 是基于一個標準字典庫的文本輸入自動完成 JavaScript 庫。Auto.js 是使用純 JS 實現(xiàn)的，沒有任務(wù)外部依賴，大小僅僅 6kb，本文給大家分享最新熱門腳本Autojs源碼，感興趣的朋友一起看看吧2021-05-05
這篇文章主要介紹了JavaScript檢查彈出窗口是否被阻攔的方法技巧,本文用于檢測window.open彈出的窗口是否被阻攔,需要的朋友可以參考下2015-03-03
async 函數(shù)就是隧道盡頭的亮光，很多人認為它是異步操作的終極解決方案。接下來通過本文給大家分享js 中async 函數(shù)的含義和用法，感興趣的朋友跟隨腳本之家小編一起看看吧2018-05-05
通過實例理解javascript中沒有函數(shù)重載的概念
這篇文章主要介紹了通過實例理解javascript中沒有函數(shù)重載的概念,十分的簡單易懂，需要的朋友可以參考下2015-06-06
這篇文章主要給大家介紹了關(guān)于微信小程序textarea層級過高問題的解決方法，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-03-03
關(guān)于JavaScript中事件的一些重要說明,需要的朋友可以參考下。2009-10-10
這篇文章主要為大家詳細介紹了js觀察者模式的彈幕案例，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-11-11
JS switch判斷 三目運算 while 及 屬性操作代碼
這篇文章主要介紹了JS switch判斷 三目運算 while 及 屬性操作代碼,需要的朋友可以參考下2017-09-09