摘要:一將語法擴展為超集動機聲稱是一個子集,但是因為已經(jīng)有詳細記錄這是不正確的,因為字符串可以包含未轉(zhuǎn)義的和字符,而字符串則不能二對進行了語法更改,允許中不寫捕獲動機此提議引入的語法更改允許省略綁定其周圍的括號原寫法嘗試使用可能無法實現(xiàn)的功能支
一、JSON superset
將ECMA-262語法擴展為JSON超集
動機ECMAScript聲稱JSON是一個子集JSON.parse,但是(因為已經(jīng)有詳細記錄)這是不正確的,因為JSON字符串可以包含未轉(zhuǎn)義的U + 2028 LINE SEPARATOR和U + 2029 PARAGRAPH SEPARATOR字符,而ECMAScript字符串則不能
二、Optional catch binding對ECMAScript進行了語法更改,允許catch中不寫error捕獲
動機此提議引入的語法更改允許catch省略綁定其周圍的括號
原寫法
try { // 嘗試使用可能無法實現(xiàn)的Web功能 } catch (unused) { // 支持可能無法實現(xiàn)的web功能情況 }
以后可以這樣寫
try { // do something } catch { // }三、Symbol.prototype.description
新增一個Symbol.prototype.description方法,是一個只讀屬性,它會返回 Symbol 對象的可選描述的字符串
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
新增一個Function.prototype.toString方法,返回一個表示當(dāng)前函數(shù)源代碼的字符串
1.語法
function.toString()
2.demo
const fun = (name) => { console.log(name) } fun.toString() // "(name) => { console.log(name) }"五、Object.fromEntries ———— 用于將鍵值對列表轉(zhuǎn)換為對象(兼容性有點差,chrome最新的beta版才支持)。
新增Object.fromEntries屬性,用于將鍵值對列表轉(zhuǎn)換為對象
1.語法
const newObject = Object.fromEntries(iterable);
iterable: 類似實現(xiàn)了可迭代協(xié)議 Array 或者 Map 或者其它對象的可迭代對象
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返回格式錯誤的Unicode字符串的提議
七、String.prototype.{trimStart,trimEnd}新增String.prototype.trimStart和String.prototype.trimEnd屬性,移除空白字符,并返回一個新字符串
String.prototype.trimStart從一個字符串的開端刪除空白字段,并返回一個新字符串
1.語法
str.trimStart();
2.demo
const str = " 我愿是豬 "; const newStr = str.trimStart(); // "我愿是豬 "String.prototype.trimEnd
從一個字符串的末端刪除空白字段,并返回一個新字符串
1.語法
str.trimEnd();
2.demo
const str = " 我愿是豬 "; const newStr = str.trimEnd(); // " 我愿是豬"八、Array.prototype.{flat,flatMap}
新增Array.prototype.flat和Array.prototype.flatMap屬性,對數(shù)組的內(nèi)含數(shù)組進行展開操作并返回一個新數(shù)組
Array.prototype.flat!參考資料
方法會按照一個可指定的深度遞歸遍歷數(shù)組,并將所有元素與遍歷到的子數(shù)組中的元素合并為一個新數(shù)組返回
1.語法
const newArray = arr.flat(depth)
depth: 需要展開內(nèi)層數(shù)組的層數(shù),默認為1
2.demo
展開內(nèi)層數(shù)組
/** 默認參數(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);
移除空項
const array = [1, 2, , 3]; const arrayRemove = array.flat(); // [1, 2, 3]Array.prototype.flatMap
方法類似與Array.prototype.map,但是會展開數(shù)組(只會展開一層)
1.語法
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上修改
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://m.hztianpu.com/yun/103260.html
摘要:可選的語句中的有時候并沒有用,思考下面代碼使用瀏覽器可能尚未實現(xiàn)的功能這里回調(diào)函數(shù)中已經(jīng)幫我們處理好的錯誤此代碼中的回調(diào)的信息并沒有用處。 為了保證可讀性,本文采用意譯而非直譯。 showImg(https://segmentfault.com/img/bVbucuJ?w=1024&h=682); ECMAScript 2015,也稱為ES6,是一個花了6年時間完成的主要版本。從那時起...
摘要:本文將討論該語言的最新版本,以及它又具有了什么新功能。在本次更新中有很大的改進。在某些時候,數(shù)組的元素還是數(shù)組,這些類型的數(shù)組稱為嵌套數(shù)組。要取消數(shù)組的嵌套展平它們,我們不得不使用遞歸。深度指的是數(shù)組內(nèi)嵌套的數(shù)量。 翻譯:瘋狂的技術(shù)宅原文:https://medium.freecodecamp.o... 本文首發(fā)微信公眾號:jingchengyideng歡迎關(guān)注,每天都給你推送新鮮...
摘要:為了使程序員能夠一次一個地處理集合中的元素,引入了迭代器接口。迭代器使用該方法獲取對象屬性名稱的數(shù)組,然后將其分配給常量。迭代器的缺點是它們不適合表示異步數(shù)據(jù)源。每次循環(huán)時,都會調(diào)用迭代器的方法,它返回一個。 前言 原文地址:https://css-tricks.com/new-es2018-features-every-javascript-developer-should-kno...
摘要:新增了一個,它是一個輕量級的日志收集處理工具,占用資源少,適合于在各個服務(wù)器上搜集日志后傳輸給,官方也推薦此工具。具體的結(jié)構(gòu)如下主機系統(tǒng)部署服務(wù)安裝準備是需要的,建議安裝。先下載通用安裝包。 ELK簡介 ELK是三個開源軟件的縮寫,分別表示:Elasticsearch , Logstash, Kibana , 它們都是開源軟件。新增了一個FileBeat,它是一個輕量級的日志收集處理工...
摘要:代理原始對象,或者真實數(shù)據(jù),可以理解為供應(yīng)商代理對象,可以理解為代理商,對用戶來說,直接操作,而不能直接操作攔截對象屬性的讀取攔截對象設(shè)置屬性只讓用戶修改屬性,其他的不允許修改攔截操作只暴露屬性,其他的都不暴露攔截屬性名以下劃線開頭的, Proxy代理 { // 原始對象,或者真實數(shù)據(jù),可以理解為供應(yīng)商 let obj = { time: 2018-10...
閱讀 1575·2021-09-30 09:57
閱讀 1582·2021-09-09 09:33
閱讀 2367·2021-09-04 16:40
閱讀 1923·2021-09-01 10:50
閱讀 3326·2021-09-01 10:31
閱讀 2626·2019-08-30 15:56
閱讀 3043·2019-08-30 15:44
閱讀 3548·2019-08-29 17:29