es6學(xué)習(xí)---函數(shù)使用

Hwg 發(fā)布于2019-08-21 17:01 / 3244人閱讀

摘要：同時(shí)剩余參數(shù)也能和配合使用對象總能正確反映被傳入函數(shù)的參數(shù)，而無視剩余參數(shù)的使用擴(kuò)展運(yùn)算符與剩余參數(shù)關(guān)聯(lián)最密切的就是擴(kuò)展運(yùn)算符。

帶參數(shù)默認(rèn)值的函數(shù)

1 es5中模擬函數(shù)默認(rèn)值

function makeRequest(url,timeout,callback){
    timeout = timeout || 2000;
    callback= callback || function(){};
    //瑕疵 timeout有效值為0的情況,會導(dǎo)致timeout的值被替換為2000
}

改進(jìn)后的代碼

function makeRequest(url,timeout,callback){
    timeout = (typeof timeout !== "undefined") ? timeout : 2000
    callback= (typeof callback !== "undefined") ? callback : function(){}
    //瑕疵 書寫了過多的代碼
}

2 es6能更容易為參數(shù)提供默認(rèn)值，它使用了初始化的形式，以便在參數(shù)未被正式傳遞進(jìn)來時(shí)使用。

function makeRequest(url,timeout=2000,callback=function(){})

只有在未傳遞參數(shù)，或明確將第二個參數(shù)指定為undefined時(shí)，timeout的默認(rèn)值才會被使用，即便傳遞null也不會使用timeout的默認(rèn)值

使用不具名參數(shù)

先來看下es5中的不具名參數(shù)的實(shí)現(xiàn)

function pick(object){
    let result = Object.create(null);
    //從第二個參數(shù)開始處理
    for(let i=1,len = arguments.length;i
為了解決上述問題，es6引入剩余參數(shù)來解決問題
剩余參數(shù)由三個點(diǎn)（...）與一個緊跟著的具名參數(shù)指定，它會是包含傳遞給函數(shù)的
其余參數(shù)的一個數(shù)組。
function pick(object,...keys){
    let result = Object.create(null);
    //從第二個參數(shù)開始處理
    for(let i=0,len = keys.length;i
當(dāng)然剩余參數(shù)有些限制條件
1 一個函數(shù)只能有一個剩余參數(shù)，并且必須被放在最后
2 剩余參數(shù)不能再對象字面量的setter屬性中使用。因?yàn)閷ο笞置媪康膕etter被限定只能使用單個參數(shù)。
同時(shí)剩余參數(shù)也能和arguments配合使用
arguments對象總能正確反映被傳入函數(shù)的參數(shù)，而無視剩余參數(shù)的使用
擴(kuò)展運(yùn)算符
與剩余參數(shù)關(guān)聯(lián)最密切的就是擴(kuò)展運(yùn)算符。剩余參數(shù)允許你把多個獨(dú)立的參數(shù)合并到一個數(shù)組，而擴(kuò)展運(yùn)算符則允許將一個數(shù)組分隔，并將各個項(xiàng)作為分離的參數(shù)傳遞給函數(shù)
es6前的寫法
let values = [25,50,75,100]
console.log(Math.max.apply(Math,values))
用擴(kuò)展運(yùn)算符的寫法
let values = [25,50,75,100]
console.log(Math.max(...values))
--未完待續(xù)