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)求