有關函式傳參的結構賦值的理解

結構賦值是es6 中增加的非常實用的新功能，能提高我們的編碼效率。但是，有時候在函式引數中用時，常常會出錯，例如下面

eg1:

function foo( ={}) 
console.log(foo());//
[6, 8]
console.log(foo());//
[6, 0]
console.log(foo({}));//
[0, 0]
console.log(foo());//
[0, 0]

如果我們把上述例子改成下面

eg2:

function foo( = ) 
console.log(foo()); //
[6, 8]
console.log(foo()); //
[6, undefined]
console.log(foo({})); //
[undefined, undefined]
console.log(foo()); //
[0, 0]

結果是不是超出你的想象！

查閱資料後才發現，其實是這樣的：

eg1 是給變數x,y指定預設值，eg2 是給函式的引數指定預設值。

首先，簡單說明一下基本的物件解構賦值操作中解構賦值預設值的使用：

let  = ;
console.log(x);//6
console.log(y);//
9

在簡單的解構賦值操作中，等號左邊的物件是變數組成的，我在這裡稱它左變數（為了後文方便理解，姑且這樣定義）即：x,y，等號右邊的部分是真正的值，這裡稱它為右真值；而左變數中x，y等號右邊的部分分別為變數x和變數y的預設值。它們之間的關係是：當右側x，y沒有指定值的時候（也就是x===undefined和y===undefined的時候），變數的預設值會生效，而當x,y指定了值的時候，變數的預設值不會生效。那麼什麼是衡量x，y是否===undefined的標準呢？可以是以下幾種情況：

1.右側沒有對應的屬性
let  = ;//
這種情況下屬性x就是undefined，那麼此時變數的預設值生效，所以輸出：x為0，y為9
2.右側屬性值就是undefined
let  = ;

值得特別說明的是：這裡判斷預設值是否生效的是右真值是否===undefined，而不是==undefined，兩者有什麼區別呢？在js中undefined==null是成立的，而undefined===null是不成立的。關於這一點可以通過在瀏覽器中輸入下面的**驗證：

console.log(undefined===null);//
false
console.log(undefined==null);//
true

所以，這裡得到這樣的結論：

let  = ;
console.log(x);
//null
console.log(y);//
9

也就是說，undefined===null是false，所以預設值不能生效，所以最終結果是null。

現在，再說明一下函式引數預設值，如下：

function fun（a = 0）
fun（）；
//這裡函式呼叫時，沒有傳實參，所以預設值0生效；
fun（6）；//
這裡傳遞了實參，所以實參是6；

所以，函式引數預設值生效的標準是函式呼叫時沒有傳遞實參；

那麼我們再來分析一下上面的兩個例子：

eg1:

function foo( ={}) 
console.log(foo());//
[6, 8] 
//說明：傳遞了實參，所以函式預設值{}不生效，對實參解構賦值，對應的屬性都有值，所以解構賦值的預設值不生效，所以x = 6，y = 8；
console.log(foo());//
[6, 0]
//說明：傳遞了實參，所以函式預設值{}不生效，對實參解構賦值，對應的屬性x有值，y沒有值，所以解構賦值的預設值y生效,x不生效，所以x = 6，y = 0；
console.log(foo({}));
//[0, 0]
//說明：傳遞了實參{}，所以函式預設值{}不生效，對實參{}解構賦值，對應的屬性都沒有值，所以解構賦值的預設值生效，所以x = 0，y = 0；
console.log(foo());
//[0, 0]
//說明：沒有傳遞實參，所以函式預設值{}生效，對實參{}解構賦值，對應的屬性都沒有值，所以解構賦值的預設值生效，所以x = 0，y = 0；

eg2:

function foo( = ) 
console.log(foo()); //
[6, 8]
//說明：傳遞了實參，所以函式預設值不生效，對實參解構賦值，對應的屬性都有值，所以解構賦值的預設值不生效，所以x = 6，y = 8；
console.log(foo()); //
[6, undefined]
//說明：傳遞了實參，所以函式預設值不生效，對實參解構賦值，對應的屬性x有值，y沒有值，所以x=6,因為本例沒有解構賦值的預設值，所以y就是undefined；
console.log(foo({})); //
[undefined, undefined]
//說明：傳遞了實參{}，所以函式預設值不生效，對實參{}解構賦值，對應的屬性沒有值，所以x,y就是undefined；
console.log(foo()); //
[0, 0]
//說明：沒有傳遞實參，所以函式預設值生效，對實參解構賦值，對應的屬性有值，所以x,y就是0；

這樣分析下來是不是就容易理解多了，以上是查閱資料後的個人拙見，如有不妥處，請指正，謝謝！

有關函式傳參的結構賦值的理解

從賦值操作理解不同型別的函式傳參

從賦值操作理解不同型別的函式傳參

你真的理解Python中的賦值傳參嗎？

有關函式傳參的結構賦值的理解

從賦值操作理解不同型別的函式傳參

從賦值操作理解不同型別的函式傳參

你真的理解Python中的賦值 傳參嗎？

相關推薦

你真的理解Python中的賦值傳參嗎？