腳本之家服務器常用軟件

快捷導航

JavaScript：ES2019 的新特性(譯)

更新時間：2019年08月08日 09:52:28 作者：瓶子君

這篇文章主要介紹了JavaScript：ES2019 的新特性(譯),文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧

作為最流行的編程語言和最重要的 Web 開發(fā)語言之一，JavaScript 不斷演變，每次迭代都會得到一些新的內部更新。讓我們來看看 ES2019 有哪些新的特性，并加入到我們日常開發(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ù)映射每個元素，然后將結果壓縮成一個新數(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

將鍵值對列表轉換為 Object 的新方法。

它與已有 Object.entries() 正好相反，Object.entries()方法在將對象轉換為數(shù)組時使用，它返回一個給定對象自身可枚舉屬性的鍵值對數(shù)組。

但現(xiàn)在您可以通過 Object.fromEntries 將操作的數(shù)組返回到對象中。

下面是一個示例（將所有對象屬性的值平方）:

const obj = { prop1: 2, prop2: 10, prop3: 15 };

// 轉化為鍵值對數(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]]

我們將轉換后的數(shù)組 array 作為參數(shù)傳入 Object.fromEntries ，將數(shù)組轉換成了一個對象:

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ù)上調用 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

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JavaScript：ES2019 的新特性(譯)

相關文章

最新評論

大家感興趣的內容

最近更新的內容

常用在線小工具