1). ECMAScript（核心）
2). 擴(kuò)展==>瀏覽器端
* BOM（瀏覽器對象模型）
* DOM（文檔對象模型）
3). 擴(kuò)展==>服務(wù)器端
* Node
2、嚴(yán)格模式：為消除Javascript語法的一些不合理、不嚴(yán)謹(jǐn)之處，減少一些怪異行為
消除代碼運(yùn)行的一些不安全之處，為代碼的安全運(yùn)行保駕護(hù)航
為未來新版本的Javascript做好鋪墊
嚴(yán)格模式使用：在全局或函數(shù)的第一條語句定義為: 'use strict';
如果瀏覽器不支持, 只解析為一條簡單的語句, 沒有任何副作用
語法和行為改變：
* 必須用var聲明變量
* 禁止自定義的函數(shù)中的this指向window
* 創(chuàng)建eval作用域
* 對象不能有重名的屬性
p：eval有解析代碼的作用
3、JSON對象：
JSON.stringify(obj/arr)? js對象(數(shù)組)轉(zhuǎn)換為json對象(數(shù)組)
JSON.parse(json)? json對象(數(shù)組)轉(zhuǎn)換為js對象(數(shù)組)
4、Object擴(kuò)展：
Object.create(prototype, [descriptors])：以指定對象為原型創(chuàng)建新的對象
添加新屬性：
- value : 指定值
? ? - writable : 標(biāo)識當(dāng)前屬性值是否是可修改的, 默認(rèn)為false
? ? - configurable: 標(biāo)識當(dāng)前屬性是否可以被刪除 默認(rèn)為false
? ? - enumerable： 標(biāo)識當(dāng)前屬性是否能用for in 枚舉 默認(rèn)為false
Object.defineProperties(object, descriptors): 為指定對象定義擴(kuò)展多個(gè)屬性
get ：用來獲取當(dāng)前屬性值得回調(diào)函數(shù)
set ：修改當(dāng)前屬性值得觸發(fā)的回調(diào)函數(shù)，并且實(shí)參即為修改后的值
存取器屬性：setter,getter一個(gè)用來存值，一個(gè)用來取值
get propertyName(){} 用來得到當(dāng)前屬性值的回調(diào)函數(shù)
set propertyName(){} 用來監(jiān)視當(dāng)前屬性值變化的回調(diào)函數(shù)
5、Array擴(kuò)展：
Array.prototype.indexOf(value) : 得到值在數(shù)組中的第一個(gè)下標(biāo)
Array.prototype.lastIndexOf(value) : 得到值在數(shù)組中的最后一個(gè)下標(biāo)
Array.prototype.forEach(function(item, index){}) : 遍歷數(shù)組
Array.prototype.map(function(item, index){}) : 遍歷數(shù)組返回一個(gè)新的數(shù)組，返回加工之后的值
Array.prototype.filter(function(item, index){}) : 遍歷過濾出一個(gè)新的子數(shù)組， 返回條件為true的值
eg：arr.indexOf(4)
6、Function擴(kuò)展：Function.prototype.bind(obj)：將函數(shù)內(nèi)的this綁定為obj, 并將函數(shù)返回
【面試題】: 區(qū)別bind()與call()和apply()?
* 都能指定函數(shù)中的this
? * call()/apply()是立即調(diào)用函數(shù)
? * bind()是將函數(shù)返回
傳參形式：
foo.call(obj,33);? //直接從第二個(gè)參數(shù)開始，依次傳入
foo.apply(obj,[33]); //第二參數(shù)必須是數(shù)組，傳入的參數(shù)放在數(shù)組里
bind的特點(diǎn)：綁定完this不會立即調(diào)用當(dāng)前的函數(shù)，而是將函數(shù)返回
bind傳參的方式同call一樣
7、let關(guān)鍵字：與var類似, 用于聲明一個(gè)變量
? ? ? 特點(diǎn):
? * 在塊作用域內(nèi)有效
? * 不能重復(fù)聲明
? * 不會預(yù)處理, 不存在變量提升
8、const關(guān)鍵字：用于定義一個(gè)常量，保存不用改變的數(shù)據(jù)
? ? ? 特點(diǎn):
* 不能修改
? * 其它特點(diǎn)同let
9、變量的解構(gòu)賦值：從對象或數(shù)組中提取數(shù)據(jù), 并賦值給變量(多個(gè))
對象的解構(gòu)賦值：let {n, a} = {n:'tom', a:12}
數(shù)組的解構(gòu)賦值：let [a,b] = [1, 'hello'];
10、模板字符串：簡化字符串的拼接
模板字符串必須用 `` 包含
變化的部分使用${xxx}定義
eg：str = `我的名字叫:${obj.username},我的年齡:${obj.age}`;
11、簡化的對象寫法：
省略同名的屬性值
省略方法的function
例如:
? let x = 1;
? let y = 2;
? let point = {
? ? ? ? ? x,
? ? ? ? ? y,
? ? ? ? ? setX (x) {this.x = x}
? };
12、箭頭函數(shù)：定義匿名函數(shù)
基本語法:
? * 沒有參數(shù): () => console.log('xxxx')
? * 一個(gè)參數(shù): i => i+2
* 大于一個(gè)參數(shù): (i,j) => i+j
? * 函數(shù)體不用大括號: 默認(rèn)返回結(jié)果
? * 函數(shù)體如果有多個(gè)語句, 需要用{}包圍，若有需要返回的內(nèi)容，需要手動返回
* 使用場景: 多用來定義回調(diào)函數(shù)
特點(diǎn)：
*簡潔
? ? *箭頭函數(shù)沒有自己的this，箭頭函數(shù)的this不是調(diào)用的時(shí)候決定的，而是在定義的時(shí)候所處的對象就是它的this
*擴(kuò)展理解： 箭頭函數(shù)的this看外層的是否有函數(shù)，如果有，外層函數(shù)的this就是內(nèi)部箭頭函數(shù)的this，如果沒有，則this是window。
13、三點(diǎn)運(yùn)算符：rest(可變)參數(shù)：用來取代arguments 但比 arguments 靈活,只能是最后部分形參參數(shù)
擴(kuò)展運(yùn)算符
? let arr1 = [1,3,5];
? let arr2 = [2,...arr1,6];
? arr2.push(...arr1);
14、形參默認(rèn)值：當(dāng)不傳入?yún)?shù)的時(shí)候默認(rèn)使用形參里的默認(rèn)值
eg：function Point(x = 1,y = 2) {
this.x = x;
this.y = y;
? ? ? ? ? }
15、Promise對象: 代表了未來某個(gè)將要發(fā)生的事件(通常是一個(gè)異步操作)
有了promise對象, 可以將異步操作以同步的流程表達(dá)出來, 避免了層層嵌套的回調(diào)函數(shù)(俗稱'回調(diào)地獄')
ES6的Promise是一個(gè)構(gòu)造函數(shù), 用來生成promise實(shí)例
使用promise基本步驟(2步):
*創(chuàng)建promise對象
? ? let promise = new Promise((resolve, reject) => {
? ? ? ? //初始化promise狀態(tài)為 pending
? ? ? //執(zhí)行異步操作
? ? if(異步操作成功) {
? ? ? ? resolve(value);//修改promise的狀態(tài)為fullfilled
? ? ? } else {
? ? ? ? reject(errMsg);//修改promise的狀態(tài)為rejected
? ? ? }
? ? })
? * 調(diào)用promise的then()
? ? promise.then(function(
? ? ? result => console.log(result),
? ? errorMsg => alert(errorMsg)
? ? ))
promise對象的3個(gè)狀態(tài)：
* pending: 初始化狀態(tài)
? * fullfilled: 成功狀態(tài)
? * rejected: 失敗狀態(tài)
應(yīng)用：* 使用promise實(shí)現(xiàn)超時(shí)處理
? ? ? ? ? * 使用promise封裝處理ajax請求
