嚴(yán)格模式、JSON對(duì)象、Object擴(kuò)展、Array擴(kuò)展、Function擴(kuò)展、let關(guān)鍵字、const關(guān)鍵字、變量的解構(gòu)賦值、模板字符串、簡(jiǎn)化的對(duì)象寫(xiě)法、箭頭函數(shù)、三點(diǎn)運(yùn)算符、形參默認(rèn)值、Pr...

1). ECMAScript(核心)

2). 擴(kuò)展==>瀏覽器端

* BOM(瀏覽器對(duì)象模型)

* DOM(文檔對(duì)象模型)

3). 擴(kuò)展==>服務(wù)器端

* Node

2、嚴(yán)格模式:為消除Javascript語(yǔ)法的一些不合理、不嚴(yán)謹(jǐn)之處,減少一些怪異行為

消除代碼運(yùn)行的一些不安全之處,為代碼的安全運(yùn)行保駕護(hù)航

為未來(lái)新版本的Javascript做好鋪墊

嚴(yán)格模式使用:在全局或函數(shù)的第一條語(yǔ)句定義為: 'use strict';

如果瀏覽器不支持, 只解析為一條簡(jiǎn)單的語(yǔ)句, 沒(méi)有任何副作用

語(yǔ)法和行為改變:

* 必須用var聲明變量

* 禁止自定義的函數(shù)中的this指向window

* 創(chuàng)建eval作用域

* 對(duì)象不能有重名的屬性

p:eval有解析代碼的作用

3、JSON對(duì)象:

JSON.stringify(obj/arr)? js對(duì)象(數(shù)組)轉(zhuǎn)換為json對(duì)象(數(shù)組)

JSON.parse(json)? json對(duì)象(數(shù)組)轉(zhuǎn)換為js對(duì)象(數(shù)組)

4、Object擴(kuò)展:

Object.create(prototype, [descriptors]):以指定對(duì)象為原型創(chuàng)建新的對(duì)象

添加新屬性:

- value : 指定值

? ? - writable : 標(biāo)識(shí)當(dāng)前屬性值是否是可修改的, 默認(rèn)為false

? ? - configurable: 標(biāo)識(shí)當(dāng)前屬性是否可以被刪除 默認(rèn)為false

? ? - enumerable: 標(biāo)識(shí)當(dāng)前屬性是否能用for in 枚舉 默認(rèn)為false

Object.defineProperties(object, descriptors): 為指定對(duì)象定義擴(kuò)展多個(gè)屬性

get :用來(lái)獲取當(dāng)前屬性值得回調(diào)函數(shù)

set :修改當(dāng)前屬性值得觸發(fā)的回調(diào)函數(shù),并且實(shí)參即為修改后的值

存取器屬性:setter,getter一個(gè)用來(lái)存值,一個(gè)用來(lái)取值

get propertyName(){} 用來(lái)得到當(dāng)前屬性值的回調(diào)函數(shù)

set propertyName(){} 用來(lái)監(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){}) : 遍歷過(guò)濾出一個(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ù)開(kāi)始,依次傳入

foo.apply(obj,[33]); //第二參數(shù)必須是數(shù)組,傳入的參數(shù)放在數(shù)組里

bind的特點(diǎn):綁定完this不會(huì)立即調(diào)用當(dāng)前的函數(shù),而是將函數(shù)返回

bind傳參的方式同call一樣

7、let關(guān)鍵字:與var類(lèi)似, 用于聲明一個(gè)變量

? ? ? 特點(diǎn):

? * 在塊作用域內(nèi)有效

? * 不能重復(fù)聲明

? * 不會(huì)預(yù)處理, 不存在變量提升

8、const關(guān)鍵字:用于定義一個(gè)常量,保存不用改變的數(shù)據(jù)

? ? ? 特點(diǎn):

* 不能修改

? * 其它特點(diǎn)同let

9、變量的解構(gòu)賦值:從對(duì)象或數(shù)組中提取數(shù)據(jù), 并賦值給變量(多個(gè))

對(duì)象的解構(gòu)賦值:let {n, a} = {n:'tom', a:12}

數(shù)組的解構(gòu)賦值:let [a,b] = [1, 'hello'];

10、模板字符串:簡(jiǎn)化字符串的拼接

模板字符串必須用 `` 包含

變化的部分使用${xxx}定義

eg:str = `我的名字叫:${obj.username},我的年齡:${obj.age}`;

11、簡(jiǎn)化的對(duì)象寫(xiě)法:

省略同名的屬性值

省略方法的function

例如:

? let x = 1;

? let y = 2;

? let point = {

? ? ? ? ? x,

? ? ? ? ? y,

? ? ? ? ? setX (x) {this.x = x}

? };

12、箭頭函數(shù):定義匿名函數(shù)

基本語(yǔ)法:

? * 沒(méi)有參數(shù): () => console.log('xxxx')

? * 一個(gè)參數(shù): i => i+2

* 大于一個(gè)參數(shù): (i,j) => i+j

? * 函數(shù)體不用大括號(hào): 默認(rèn)返回結(jié)果

? * 函數(shù)體如果有多個(gè)語(yǔ)句, 需要用{}包圍,若有需要返回的內(nèi)容,需要手動(dòng)返回

* 使用場(chǎng)景: 多用來(lái)定義回調(diào)函數(shù)

特點(diǎn):

*簡(jiǎn)潔

? ? *箭頭函數(shù)沒(méi)有自己的this,箭頭函數(shù)的this不是調(diào)用的時(shí)候決定的,而是在定義的時(shí)候所處的對(duì)象就是它的this

*擴(kuò)展理解: 箭頭函數(shù)的this看外層的是否有函數(shù),如果有,外層函數(shù)的this就是內(nèi)部箭頭函數(shù)的this,如果沒(méi)有,則this是window。

13、三點(diǎn)運(yùn)算符:rest(可變)參數(shù):用來(lái)取代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對(duì)象: 代表了未來(lái)某個(gè)將要發(fā)生的事件(通常是一個(gè)異步操作)

有了promise對(duì)象, 可以將異步操作以同步的流程表達(dá)出來(lái), 避免了層層嵌套的回調(diào)函數(shù)(俗稱(chēng)'回調(diào)地獄')

ES6的Promise是一個(gè)構(gòu)造函數(shù), 用來(lái)生成promise實(shí)例

使用promise基本步驟(2步):

*創(chuàng)建promise對(duì)象

? ? 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對(duì)象的3個(gè)狀態(tài):

* pending: 初始化狀態(tài)

? * fullfilled: 成功狀態(tài)

? * rejected: 失敗狀態(tài)

應(yīng)用:* 使用promise實(shí)現(xiàn)超時(shí)處理

? ? ? ? ? * 使用promise封裝處理ajax請(qǐng)求

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容