爲什麼設置參數的默認值不工作在我的JavaScript？

Question

我想設置一個默認的「小」，如果沒有選項被傳遞到我的構造函數對象：

var Plan = function(options){ 
    this.name = options.name || 'small'; 
} 

，但是當我這樣做：

var smallPlan = new Plan(); 

console.log(smallPlan.name); 

我得到Uncaught TypeError: Cannot read property 'name' of undefined

什麼我做錯了嗎？這不是在JavaScript中設置默認參數值的慣用方法嗎？

Answer 1

，而不是通過代碼複雜，以檢查是否選擇和名稱是存在的，檢查，看看是否定義對象，如果沒有，將其設置爲一個空的對象。

var Plan = function(options){ 
    options = options || {}; 
    this.name = options.name || 'small'; 
} 

Answer 2

options未定義。如果options不存在，則不能訪問options.name。

如果你想檢查的不僅僅是一個屬性的更多，我建議是這樣的：

var Plan = function(options){ 
    // Set defaults 
    this.name = 'foo'; 
    this.title = 'bar'; 
    this.something = 'even more stuff'; 
    if(options){ // If options exists, override defaults 
     this.name = options.name || this.name; 
     this.title = options.title || this.title; 
     this.something = options.something || this.something; 
    } 
} 

否則，我想嘗試這樣的：

var Plan = function(options){ 
    this.name = options ? options.name || 'small' : `small`; 
} 

這是一個有點難看，但是您必須檢查options是否存在，並且options是否具有name屬性。

這樣做是：

if(options){ 
    if(options.name){ 
     this.name = options.name; 
    } else { 
     this.name = 'small'; 
    } 
} else { 
    this.name = 'small'; 
}