ES6之函數的擴大(一)

重要解說：

1. 參數默許值
2. 參數默許值位置
3. 函數的length屬性
4. "參數"作用域


1.參數默許值

function log(x,y='babe'){
console.log(x,y);
}
log(1,'')
//1 ""
log(1,[])
//1 []
log(1,0)
//1 0
log(1,false)
//1 false
log(1,null)
//1 null
-----------------------------
log(1)
//1 "babe"
log(1,undefined)
//1 "babe"

上面的代碼完整等價於:

function log(x,y){
if(y === undefined){
y = 'babe';
}
console.log(x,y);
}

而es5中經常運用的默許值賦值體式格局

function log(x,y){
y = y || 'babe';
// 此時y會舉行隱式轉換 0/''/[]/false 的狀況都會被賦值為'babe',不過假如需求就是云云,那照樣用此種體式格局謄寫
console.log(x,y);
}

**能夠發明一個題目ES6今後很多值比較都是完整即是undefined的狀況,
不像es5,&＃8221;/[]/0 隱式轉換為 false , null == undefined //true
&＃8212;-一些優美的瑕疵都被遮掉了，今後代碼就顯得一覽無遺了

注重:es6中舉行過內部包裝轉換的代碼參數定義是採納let,故統一層級的作用域內不要湧現屢次聲明,會報錯

用處：解構賦值 癥結就是看變量個數 ,{&＃8230;} 括起來的實際上是一個參數，在後面舉行解構了罷了

function log({user,pwd='123456'}={}){
console.log(`user: ${user},password: ${pwd}`);
}
log4()
//user: undefined,password: 123456
log4({user:'babe'})
//user: babe,password: 123456

阮先生書中說的演習能夠這麼明白:

function m1({x = 0, y = 0} = {}) {
return [x, y];
}
function m2({x, y} = { x: 0, y: 0 }) {
return [x, y];
}
//m1中不僅對函數參數給了默許值{},而且看待解構的x,y離別給予了默許值0
//m2中僅僅對函數參數給了默許值{x: 0, y: 0 } ,那這就僅在函數調用時未傳參或許傳undefined進去的時刻，運用了默許值

2.參數默許值位置

一般寫法是置於函數參數的末了,能夠放中心,如許一來意義就不大了，照樣要手動傳進來(想運用默許值就得傳undefined)

function log(user='babe',pwd){
console.log(`user: ${user},password: ${pwd}`);
}
log(undefined,123)
//user: babe,password: 123
//能夠發明這類寫法就毫無意義了,要領擴展性為0。固然也不會有人如許寫代碼了

3.函數的length屬性

指代函數語氣傳入的參數個數 &＃8212; 不包括指定了默許值的參數(因為一般寫法默許參數置於末了,length屬性也僅遍歷到默許參前一個為止)

function log(user='babe',pwd){
console.log(`user: ${user},password: ${pwd}`);
}
log.length //0
function log(pwd,user='babe'){
console.log(`user: ${user},password: ${pwd}`);
}
log.length //1

4.&＃8221;參數&＃8221;作用域

es5中函數參數的作用域與函數體作用域處於統一層級,es6中設置了默許值今後，會別的建立一層作用域，位於函數體上面,參數作用域中不存在的變量會往上一層找尋，直至找到window下

假如bug請斧正，Thanks♪(･ω･)ﾉ!