這篇文章給大家分享的是有關ES6中默認參數是什么的內容。小編覺得挺實用的，因此分享給大家做個參考。一起跟隨小編過來看看吧。

創新互聯公司專注于改則企業網站建設,成都響應式網站建設公司,商城網站開發。改則網站建設公司,為改則等地區提供建站服務。全流程按需設計網站，專業設計，全程項目跟蹤，創新互聯公司專業和態度為您提供的服務

語法

function [name]([param1[ = defaultValue1 ][, ..., paramN[ = defaultValueN ]]]) { 
    statements 
}

使用

function sum(a=0, b=0){
    return a+b
}
sum() // 0
sum(1) // 1
sum(1, 2) // 3

使用babel翻譯一下

function sum() {
    var a = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
    var b = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
    return a + b;
}

傳值檢測

從babel翻譯的結果可以看出，默認參數只檢查兩種情況

• 不傳參數

• 傳入undefined

function sum(a=0){
    return typeof a
}
sum() // 'number'
sum(undefined)// 'number'
sum(1) // 'number'
sum('1') // 'string'
sum(null) // 'object'
sum(false)// 'boolean'

前參后用

前面的參數可以作為后面參數的默認值，甚至可以對前面的參數做一些特別的操作，比如簡單的加減乘除

function sum(a=1, b=a, c=a+b){
    return [a, b, c]
}
sum() // [1, 2, 3]
sum(2)  // [2, 2, 4]
sum(2,2) // [2, 2, 4]
sum(2,2,2) // [2, 2, 2]

默認參數調用函數

賦值默認參數甚至可以調用函數，可以調用函數，就已經說明無所不能了~

function sum(a=1, b=(()=>4)()){
    return [a, b]
}
sum() // [1, 4]
sum(2) // [2, 4]
sum(2,2) // [2, 2]

注意: 無法調用函數內部聲明的函數作為默認值

function sum(a=1, b=num2()){
    function num2(){
        return 4
    }
    return [a, b]
}
sum() // Uncaught ReferenceError: num2 is not defined

按序覆蓋

參數還是按調用的時候傳輸的順序一一覆蓋的，不會因為它有默認值就跳過該形參的賦值

function sum(a=1, b ){
    return [a, b]        
}
sum() // [1, undefined]
sum(2)// [2, undefined]
sum(1,2) //[1, 2]

解構賦值默認參數

結構中也可以使用默認參數，雖然結構還沒在這系列出現過

function sum([x, y] = [1, 2], {z: z} = {z: 3}) { 
  return [x, y, z]; 
}
sum() // [1, 2, 3]
sum([2,4],{z: 6}) // [2, 4, 6]

感謝各位的閱讀！關于ES6中默認參數是什么就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！

新聞名稱：ES6中默認參數是什么
文章來源：http://m.newbst.com/article34/gscpse.html

成都網站建設公司_創新互聯，為您提供網頁設計公司、網站收錄、用戶體驗、網站建設、網站維護、App開發

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯