ES2019(ES10)

shiina 發(fā)布于2019-08-23 16:46 / 1074人閱讀

摘要：一將語(yǔ)法擴(kuò)展為超集動(dòng)機(jī)聲稱是一個(gè)子集，但是因?yàn)橐呀?jīng)有詳細(xì)記錄這是不正確的，因?yàn)樽址梢园崔D(zhuǎn)義的和字符，而字符串則不能二對(duì)進(jìn)行了語(yǔ)法更改，允許中不寫捕獲動(dòng)機(jī)此提議引入的語(yǔ)法更改允許省略綁定其周圍的括號(hào)原寫法嘗試使用可能無(wú)法實(shí)現(xiàn)的功能支

一、JSON superset

將ECMA-262語(yǔ)法擴(kuò)展為JSON超集

動(dòng)機(jī)

ECMAScript聲稱JSON是一個(gè)子集JSON.parse，但是（因?yàn)橐呀?jīng)有詳細(xì)記錄）這是不正確的，因?yàn)镴SON字符串可以包含未轉(zhuǎn)義的U + 2028 LINE SEPARATOR和U + 2029 PARAGRAPH SEPARATOR字符，而ECMAScript字符串則不能

二、Optional catch binding

對(duì)ECMAScript進(jìn)行了語(yǔ)法更改，允許catch中不寫error捕獲

動(dòng)機(jī)

此提議引入的語(yǔ)法更改允許catch省略綁定其周圍的括號(hào)

原寫法

try {
  // 嘗試使用可能無(wú)法實(shí)現(xiàn)的Web功能
} catch (unused) {
  // 支持可能無(wú)法實(shí)現(xiàn)的web功能情況
}

以后可以這樣寫

try {
  // do something
} catch {
  //
}

三、Symbol.prototype.description

新增一個(gè)Symbol.prototype.description方法,是一個(gè)只讀屬性，它會(huì)返回 Symbol 對(duì)象的可選描述的字符串

demo

console.log(Symbol("desc").description); // expected output: "desc"

console.log(Symbol.iterator.description); // expected output: "Symbol.iterator"

console.log(Symbol.for("foo").description); // expected output: "foo"

console.log(Symbol("foo").description + "bar"); // expected output: "foobar"

四、Function.prototype.toString revision

新增一個(gè)Function.prototype.toString方法,返回一個(gè)表示當(dāng)前函數(shù)源代碼的字符串

1.語(yǔ)法

function.toString()

2.demo

const fun = (name) => { console.log(name) }
fun.toString() // "(name) => { console.log(name) }"

五、Object.fromEntries ———— 用于將鍵值對(duì)列表轉(zhuǎn)換為對(duì)象(兼容性有點(diǎn)差，chrome最新的beta版才支持)。

新增Object.fromEntries屬性,用于將鍵值對(duì)列表轉(zhuǎn)換為對(duì)象
1.語(yǔ)法

const newObject = Object.fromEntries(iterable);

iterable: 類似實(shí)現(xiàn)了可迭代協(xié)議 Array 或者 Map 或者其它對(duì)象的可迭代對(duì)象

2.demo

const newObject = Object.fromEntries([["a", 1], ["b", 2]]); // { a: 1, b: 2 }
const map = new Map().set("a", 1).set("b", 2);
const newObject1 = Object.fromEntries(map); // { a: 1, b: 2 }

六、Well-formed JSON.stringify

防止JSON.stringify返回格式錯(cuò)誤的Unicode字符串的提議

七、String.prototype.{trimStart,trimEnd}

新增String.prototype.trimStart和String.prototype.trimEnd屬性,移除空白字符,并返回一個(gè)新字符串

String.prototype.trimStart

從一個(gè)字符串的開(kāi)端刪除空白字段，并返回一個(gè)新字符串
1.語(yǔ)法

str.trimStart();

2.demo

const str = "   我愿是豬    ";
const newStr = str.trimStart(); // "我愿是豬    "

String.prototype.trimEnd

從一個(gè)字符串的末端刪除空白字段，并返回一個(gè)新字符串
1.語(yǔ)法

str.trimEnd();

2.demo

const str = "   我愿是豬    ";
const newStr = str.trimEnd(); // "   我愿是豬"

八、Array.prototype.{flat,flatMap}

新增Array.prototype.flat和Array.prototype.flatMap屬性,對(duì)數(shù)組的內(nèi)含數(shù)組進(jìn)行展開(kāi)操作并返回一個(gè)新數(shù)組

Array.prototype.flat

!參考資料
方法會(huì)按照一個(gè)可指定的深度遞歸遍歷數(shù)組，并將所有元素與遍歷到的子數(shù)組中的元素合并為一個(gè)新數(shù)組返回

1.語(yǔ)法

const newArray = arr.flat(depth)

depth: 需要展開(kāi)內(nèi)層數(shù)組的層數(shù)，默認(rèn)為1

2.demo

展開(kāi)內(nèi)層數(shù)組

/** 默認(rèn)參數(shù)： */
const array = [1, [2, [3]]];
const array1 = array.flat(); // [1, 2, [3]]
/** 遞歸展平，直到數(shù)組不再包含嵌套數(shù)組： */
const arrayInfinity = array.flat(Infinity); // [1, 2, 3]
/** 此處等同于 */
const array2 = array.flat(2);

移除空項(xiàng)

const array = [1, 2, , 3];
const arrayRemove = array.flat(); // [1, 2, 3]

Array.prototype.flatMap

方法類似與Array.prototype.map,但是會(huì)展開(kāi)數(shù)組(只會(huì)展開(kāi)一層)

1.語(yǔ)法

const new_array = arr.flatMap((currentValue, index, array) => {
    // 返回新數(shù)組的元素
})

currentValue: 數(shù)組中正在處理的當(dāng)前元素
index: 正在處理元素的索引
array: 正在被處理素組

2.demo

const array = [1, 2, 3];
const new_array = array.flatMap(ele => [ele * 2]) // [2, 4, 6]
const new_array2 = array.flatMap(ele => [[ele * 2]]) // [[2], [4], [6]]

gitub上修改