Chapter 2：let 和 const 命令
-
使用
Object.freeze方法凍結(jié)const常量：const foo = Object.freeze({}) foo.prop = 123 // It doesn't work. 在全局作用域聲明的
let/const不會(huì)被綁定到全局變量上吩抓。
Chapter 3：變量的解構(gòu)賦值
-
事實(shí)上条摸，只要某種數(shù)據(jù)結(jié)構(gòu)具有
Iterator接口屑宠，都可以采用數(shù)組形式的解構(gòu)賦值：function* fibs () { var a = 0 var b = 1 while (true) { yield a [a, b] = [b, a + b] } } var [first, second, third, fourth, fifth, sixth] = fibs() let {foo, bar} = {foo: 1, bar: 2}是let {foo: foo, bar: bar} = {foo: 1, bar: 2}的簡寫阱表。-
嵌套結(jié)構(gòu)對(duì)象的解構(gòu)：
var obj = { p: [ 'Hello', { y: 'world' } ] } var {P: [x, { y }]} = obj // 會(huì)得到 x, y 的值饺窿，但不會(huì)得到 p 搔驼，因?yàn)?p 是模式耸弄，不是變量熙暴。let obj = {} let arr = [] ({ foo: obj.prop, bar: arr[0] } = { foo: 123, bar: true }) // 加 () 是為了避免 JS 將 {} 理解為代碼塊，而發(fā)生語法錯(cuò)誤稚瘾。 解構(gòu)的默認(rèn)值生效的條件是屬性值嚴(yán)格等于
undefined牡昆。（用null也不行。）-
如果解構(gòu)的是嵌套對(duì)象孟抗，子對(duì)象所在的父屬性不存在迁杨，那么會(huì)報(bào)錯(cuò)：
var {foo: {bar}} = {baz: 'baz'} -
字符串也支持解構(gòu)賦值：
const [a, b, c, d, e] = 'hello' // h, e, l, l, o const { length: len } = 'hello' // 5 -
數(shù)值和布爾值的解構(gòu)賦值：
let { toString: s } = 123 s === Number.prototype.toString // true let { toString: s2 } = true s2 === Boolean.prototype.toString // true -
關(guān)于圓括號(hào)的規(guī)則：[P025 - 026]
- 變量聲明語句中钻心，模式不能帶有圓括號(hào)
- 函數(shù)參數(shù)中凄硼，模式不能帶有圓括號(hào)
- 不能將整個(gè)模式或嵌套模式中的一層放在圓括號(hào)中
-
遍歷
Map：for(let [key, value] of map) { }
Chapter 4：字符串的擴(kuò)展
-
ES6之前，超過 \uFFFF 的 Unicode 字符捷沸，要使用 2 個(gè)雙字節(jié)形式表達(dá)摊沉。ES6 中，只要將碼點(diǎn)放入大括號(hào)就能正確解讀該字符：
\u{41}\u{42} \\ AB '\u{1F680}' === '\uD83D\uDE80' // true ES6 提供了
codePointAt處理 4 字節(jié)儲(chǔ)存的字符痒给，返回一個(gè)字符的碼點(diǎn)说墨。不過要配合for...of循環(huán)解決位置序號(hào)的問題。String.fromCharCode()用于從碼點(diǎn)返回對(duì)應(yīng)字符苍柏，但是不能識(shí)別 32 位的 UTF-16 字符（ Unicode 編號(hào)大于 0xFFFF ）?尼斧。String.fromCodePoint()解決了這個(gè)問題。ES6 提供了
at()方法解決charAt無法正確返回大于 0xFFFF 的字符的問題试吁。-
JavaScript 將合成字符視為兩個(gè)字符（比如帶注音符號(hào)的字符）棺棵。使用
normalize()方法解決這個(gè)問題，具體用法查閱手冊(cè)：'\u01D1\.normalize() === '\u004F\u030C'.normalize() repeat(n)用來將指定字符串重復(fù) n 次熄捍，n 為小數(shù)的話烛恤，會(huì)被階段取整，n 為負(fù)數(shù)或 Infinity 會(huì)報(bào)錯(cuò)余耽。-
ES7 提供了字符串補(bǔ)全長度的功能缚柏。如果某個(gè)字符串未達(dá)到指定長度，會(huì)在頭部或尾部補(bǔ)全碟贾。
padStart()作用于頭部币喧，padEnd()于尾部。'x'.padEnd(5, '123') -
標(biāo)簽?zāi)０澹罕举|(zhì)是一個(gè)函數(shù)袱耽，字符串模板會(huì)被拆分開并當(dāng)做參數(shù)傳入函數(shù)中：[P040 - P041]
function tag (stringArr, ...vaules) { console.log(stringArr) for(let i of values) { console.log(values) } } tag`Hello ${1 + 2} world ${3 + 4}` /* arg1: ['Hello ', ' world', ''] arg2: 3 arg3: 7 */// 過濾 HTML 字符串 var message = SafeHTML`<p>${sender} has sent you a message.</p>` function SafeHTML (templateData) { var s = templateData[0] for (var i = 1; i < arguments.length; i++) { var arg = String(arguments[i]) s += arg.replace(/&/g, '&') .replace(/</g, '<') .replace(/>/g, '>') s += templateData[i] } return s }標(biāo)簽?zāi)０暹€可以用于 i18n 和 JSX 函數(shù)杀餐。
可以通過
String.raw()方法取得轉(zhuǎn)義前的字符串。它會(huì)替換所有變量扛邑，并轉(zhuǎn)義反斜線怜浅。[?P042]
Chapter 5： 正則的擴(kuò)展
[P43-48]
Chapter 6： 數(shù)值的擴(kuò)展
ES6 提供了二進(jìn)制和八進(jìn)制數(shù)值的新寫法，分別用前綴
0b或0B和0o或0O表示。（從 ES5 開始恶座，八進(jìn)制數(shù)就已經(jīng)不再允許使用前綴 0 直接表示了搀暑。）-
ES6 引入了一個(gè)非常小的常量：
Number.EPSILON。它的作用是為浮點(diǎn)數(shù)計(jì)算設(shè)置一個(gè)誤差范圍：0.1 + 0.2 - 0.3 === 0 // false 0.1 + 0.2 - 0.3 < Number.EPSILON // true ES6 引入了
Number.MAX_SAFE_INTEGER和Number.MIN_SAFE_INTEGER兩個(gè)常量跨琳，用來表示整數(shù)范圍的上下限自点。同時(shí)，可以使用Number.isSafeInteger()來加以判斷脉让，但是結(jié)果不一定可靠桂敛。[P051 - 052]ES6 為
Math進(jìn)行了一些擴(kuò)展。具體可以查看文檔溅潜。[P54 - 58]-
ES6 新增了指數(shù)運(yùn)算符（
**）：2 ** 3 === 8 let b = 3 b **= 3 // 27
Chapter 7：數(shù)組的擴(kuò)展
-
Array.from()用來將類似數(shù)組的對(duì)象或可遍歷的對(duì)象轉(zhuǎn)換成數(shù)組：[P060 - 061]let arrayLike = { '0': 'a', '1': 'b', '2': 'c', length: 3 } let arr = Array.from(arrayLike)function foo () { var args = Array.from(arguments) }同時(shí)术唬，擴(kuò)展運(yùn)算符（
...）也可以將某些數(shù)據(jù)結(jié)構(gòu)轉(zhuǎn)為數(shù)組。function foo () { var args = [...arguments] }const doms = [...documents.querySelectorAll('div')]只有對(duì)象部署了
Symbol.iterator接口滚澜，才可以進(jìn)行轉(zhuǎn)換粗仓。同時(shí)，Array.from()也支持類似數(shù)組的對(duì)象设捐。所謂類似數(shù)組的對(duì)象借浊，本質(zhì)特征只有一點(diǎn)：具有length屬性。 -
Array.of()用來將一組值轉(zhuǎn)換為數(shù)組：Array.of(1, 2, 3) -
copyWithin()用來將當(dāng)前數(shù)組內(nèi)部指定位置的成員復(fù)制到其他位置（會(huì)覆蓋原有成員）萝招，然后返回當(dāng)前數(shù)組蚂斤。（會(huì)修改當(dāng)前數(shù)組）Array.prototype.copyWithin(target, start = 0, end = this.length)[1, 2, 3, 4, 5].copyWithin(0, 3) // [4, 5, 3, 4, 5] find()用于找出第一個(gè)符合條件的數(shù)組成員；findIndex()返回第一個(gè)符合條件的數(shù)組成員索引槐沼。（使用方法與filter類似）?-
fill()方法用于使用指定值填充數(shù)組：['a', 'b', 'c'].fill(7) // [7, 7, 7] -
entries(),keys()&values()：遍歷鍵值對(duì)曙蒸、鍵名、鍵值母赵。for (let index of ['a', 'b'].keys()) for (let el of ['a', 'b'].values()) for (let [index, el] of ['a', 'b'].entries()) includes()不會(huì)像indexOf()一樣使用===而導(dǎo)致對(duì) NaN 的誤判逸爵。Map的has()方法用來查找鍵名，Set的has()方法用來查找鍵值凹嘲。-
數(shù)組的空位并不等于
undefined师倔。undefined也是值，會(huì)占據(jù)數(shù)組的位置：[P065 - 066]0 in [undefined, undefined, undefined] // true 0 in [, ,] // false在 ES5 中周蹭，不同函數(shù)對(duì)數(shù)組空位的處理很不一樣趋艘。而 ES6 統(tǒng)一視為
undefined。 -
數(shù)組推導(dǎo)：（注意控制內(nèi)存消耗）[P067 - 068]
var a1 = [1, 2, 3, 4] var a2 = [for (i of a1) => i * 2] var a3 = [for (i of a1) => if(i < 3) i]
Chapter 8：函數(shù)的擴(kuò)展
對(duì)函數(shù)指定默認(rèn)值之后凶朗，函數(shù)的
length屬性會(huì)返回沒有指定默認(rèn)值的參數(shù)個(gè)數(shù)瓷胧。利用參數(shù)默認(rèn)值，可以指定某一個(gè)參數(shù)不得省略（指定其默認(rèn)值為一個(gè)函數(shù)棚愤，這個(gè)函數(shù)會(huì)拋出一個(gè)異常）
ES6 引入了 rest 參數(shù)（
...args）搓萧，用于獲取函數(shù)的多余參數(shù)杂数。rest 參數(shù)之后不能再有其他參數(shù)。數(shù)組的擴(kuò)展運(yùn)算符能夠正確識(shí)別 32 位 Unicode 字符瘸洛。
-
任何類似數(shù)組的對(duì)象揍移，或者有
Iterator接口的對(duì)象都可以使用擴(kuò)展運(yùn)算符，比如Generator：var go = function* () { yield 1 yield 2 yield 3 } [...go()] -
函數(shù)的
name屬性的行為反肋，在 ES6 中有了變化：[P079 - 080]var func = function () { console.log('hello') } console.log(func.name) // ES5: "" // ES6: "func" const bar = function baz() {} console.log(bar.name) // ES5: "baz" // ES6: "baz" (new Function).name // "anonymous" -
箭頭函數(shù)：
箭頭函數(shù)不能用作構(gòu)造函數(shù)那伐。
不可以使用
arguments對(duì)象（如果外部是一個(gè)function，會(huì)訪問到外部function的arguments）?石蔗。不可以使用
yield命令罕邀，故不能作為Generator函數(shù)。-
pipeline
const pipeline = (...funcs) => val => funcs.reduce((a, b) => b(a), val) const plus1 = a => a + 1 const mult2 = a => a * 2 const addThenMult = pipeline(plus1, mult2) addThenMult(5) lambda 演算
-
ES7 提出了函數(shù)綁定運(yùn)算符（
::）养距，用來替代bind()之類的函數(shù)：[P084 - 085]foo::bar // 等價(jià)于 bar.bind(foo) foo::bar(...args) // 等價(jià)于 bar.apply(foo, args)如果雙冒號(hào)左邊為空诉探，右邊是一個(gè)對(duì)象的方法，則等于將該方法綁定在該對(duì)象上：
::obj.foo // 等價(jià)于 obj.foo.bind(obj) 尾調(diào)用優(yōu)化和尾遞歸[P086 - 087]
ES7 提案允許函數(shù)函數(shù)的最后一個(gè)參數(shù)有尾逗號(hào)（ trailing comma ）铃在。
Chapter 9：對(duì)象的擴(kuò)展
/*
Why this happens?
Guess: JavaScript Scope
*/
var obj = {
data: '123',
getData () {
console.log(this.data)
}
}
obj.getData() // 123
var obj2 = {
data: '123',
getData: () => {
console.log(this.data)
}
}
obj2.getData() // undefined
-
對(duì)象中的 Generator 函數(shù)：
var obj = { * m () { yield 'Hello World!' } } -
屬性表達(dá)式與簡潔表示法不能一起使用：
var foo = 'bar' var bar = 'abc' var baz = { [foo] } // Error bind方法創(chuàng)造的函數(shù)阵具，name屬性返回bound加上原函數(shù)的名字碍遍，Function構(gòu)造函數(shù)創(chuàng)造的函數(shù)定铜，name屬性返回anonymous；如果對(duì)象方法是一個(gè)Symbol值怕敬，則返回這個(gè)Symbol值的描述揣炕。Object.is()用來判斷兩個(gè)值是否嚴(yán)格相等。它與===的行為基本一致东跪。有兩點(diǎn)不同：+0不等于-0畸陡，NaN等于自身。Object.assign()只復(fù)制可枚舉的自有屬性虽填，而且是淺拷貝丁恭。Object.setPropertyOf()和Object.getPropertyOf()用來操作__proto__。Object.entries()可以用來將一個(gè)對(duì)象轉(zhuǎn)為真正的 Map 結(jié)構(gòu)：const map = new Map(Object.entries(obj))rest 參數(shù) / 擴(kuò)展運(yùn)算符（
...）用于從一個(gè)對(duì)象取值斋日。需要注意的是牲览，rest 參數(shù)的復(fù)制是淺復(fù)制，對(duì)于復(fù)合類型得到的是引用恶守，而不是副本第献。同時(shí)，rest 參數(shù)不會(huì)復(fù)制繼承自原型對(duì)象的屬性兔港。-
Null 傳導(dǎo)運(yùn)算符 —— 用于安全訪問對(duì)象內(nèi)部的屬性庸毫。
const firstName = message?.body?.user?.firstName || 'default'有四種用法：
obj?.prop，obj?.[prop]衫樊，func?.(...args)飒赃，new C?.(...args)。可以組合使用载佳。
