學(xué)習(xí)資料

阮一峰老師《ECMAScript 6 入門(mén)》— 函數(shù)的擴(kuò)展

總結(jié)應(yīng)用

1. 函數(shù)參數(shù)默認(rèn)值與對(duì)象解構(gòu)賦值默認(rèn)值的結(jié)合使用

// 場(chǎng)景：方法調(diào)用時(shí)傳參希望只傳第二個(gè)參數(shù)
// 方案1：
function foo({x=1,y=2}){console.log(x,y);
}
foo({}) //1 2
foo({x:2}) //2 2
foo({y:3}) //1 3
//注意：只有當(dāng)函數(shù)foo的參數(shù)是一個(gè)對(duì)象時(shí)，變量x和y才會(huì)通過(guò)解構(gòu)賦值生成
// 方案2:
function foo({x, y=5} = {}){console.log(x,y);
}
foo() //undefined 5//case
function fetch(url, { body = '', method = 'GET', headers = {} } = {}) {console.log(method);
}fetch('http://example.com') // GET

2. 箭頭函數(shù)

// 與rest參數(shù)結(jié)合
const nums = (...nums) => nums;
nums(1,2,3,4,5); //[1, 2, 3, 4, 5]// 使用注意點(diǎn)
// ① 箭頭函數(shù)沒(méi)有自己的this對(duì)象，普通函數(shù)內(nèi)部的this指向函數(shù)運(yùn)行時(shí)所在的對(duì)象，箭頭函數(shù)的this總是指向函數(shù)定義生效時(shí)所在的對(duì)象
function foo() {setTimeout(() => {console.log('id:', this.id);}, 100);
}
var id = 21;
foo.call({ id: 42 });// id: 42
// ② 不可以當(dāng)作構(gòu)造函數(shù)，也就是說(shuō)，不可以對(duì)箭頭函數(shù)使用new命令，否則會(huì)拋出一個(gè)錯(cuò)誤
// ③ 不可以使用arguments對(duì)象，該對(duì)象在函數(shù)體內(nèi)不存在。如果要用，可以用 rest 參數(shù)代替
// ④ 不可以使用yield命令，因此箭頭函數(shù)不能用作 Generator 函數(shù)。