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ò)展多個屬性
get :用來獲取當(dāng)前屬性值得回調(diào)函數(shù)
set :修改當(dāng)前屬性值得觸發(fā)的回調(diào)函數(shù),并且實(shí)參即為修改后的值
存取器屬性:setter,getter一個用來存值吉拳,一個用來取值
get propertyName(){} 用來得到當(dāng)前屬性值的回調(diào)函數(shù)
set propertyName(){} 用來監(jiān)視當(dāng)前屬性值變化的回調(diào)函數(shù)
5质帅、Array擴(kuò)展:
Array.prototype.indexOf(value) : 得到值在數(shù)組中的第一個下標(biāo)
Array.prototype.lastIndexOf(value) : 得到值在數(shù)組中的最后一個下標(biāo)
Array.prototype.forEach(function(item, index){}) : 遍歷數(shù)組
Array.prototype.map(function(item, index){}) : 遍歷數(shù)組返回一個新的數(shù)組,返回加工之后的值
Array.prototype.filter(function(item, index){}) : 遍歷過濾出一個新的子數(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);? //直接從第二個參數(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類似, 用于聲明一個變量
? ? ? 特點(diǎn):
? * 在塊作用域內(nèi)有效
? * 不能重復(fù)聲明
? * 不會預(yù)處理, 不存在變量提升
8拭宁、const關(guān)鍵字:用于定義一個常量洛退,保存不用改變的數(shù)據(jù)
? ? ? 特點(diǎn):
* 不能修改
? * 其它特點(diǎn)同let
9、變量的解構(gòu)賦值:從對象或數(shù)組中提取數(shù)據(jù), 并賦值給變量(多個)
對象的解構(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')
? * 一個參數(shù): i => i+2
* 大于一個參數(shù): (i,j) => i+j
? * 函數(shù)體不用大括號: 默認(rèn)返回結(jié)果
? * 函數(shù)體如果有多個語句, 需要用{}包圍腔剂,若有需要返回的內(nèi)容媒区,需要手動返回
* 使用場景: 多用來定義回調(diào)函數(shù)
特點(diǎn):
*簡潔
? ? *箭頭函數(shù)沒有自己的this,箭頭函數(shù)的this不是調(diào)用的時候決定的,而是在定義的時候所處的對象就是它的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ù)的時候默認(rèn)使用形參里的默認(rèn)值
eg:function Point(x = 1,y = 2) {
this.x = x;
this.y = y;
? ? ? ? ? }
15仇味、Promise對象: 代表了未來某個將要發(fā)生的事件(通常是一個異步操作)
有了promise對象, 可以將異步操作以同步的流程表達(dá)出來, 避免了層層嵌套的回調(diào)函數(shù)(俗稱'回調(diào)地獄')
ES6的Promise是一個構(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個狀態(tài):
* pending: 初始化狀態(tài)
? * fullfilled: 成功狀態(tài)
? * rejected: 失敗狀態(tài)
應(yīng)用:* 使用promise實(shí)現(xiàn)超時處理
? ? ? ? ? * 使用promise封裝處理ajax請求