使用Object.Freate添加函數到JavaScript對象創建

Question

我想在JavaScript中使用Object.Create。目前，我有以下代碼：

var vehicle = { 
     getModel: function() { 
     console.log("The model of this vehicle is.." + this.model); 
    } 
}; 

var car = Object.create(vehicle, { 
    "id": { 
     value: 9,   
    }, 
    "model": { 
     value: "Ford", 
    } 
}); 

var van = Object.create(vehicle, { 
    "id": { 
    value: 10,  
    }, 
    "model": { 
     value: "Big Van", 
     enumerable: true 
    }, 
    "make": { 
     value: "Warrior",  
    }, 
    "getMake": function() { 
     console.log("The make of this vehicle is.." + this.make); 
    } 
}); 

我試圖將函數添加到麪包車getMake，但我得到的錯誤：

TypeError: Property 'getMake' of object # is not a function when I call:

van.getMake（）;

這可能嗎？你怎麼做呢？

Answer 1

以這種方式創建的屬性默認情況下不是可枚舉的。這可能會導致您的問題。

試試這個（未經測試）：

"getMake": { value: function() { 
     console.log("The make of this vehicle is.." + this.make) 
    }, enumerable: true }; 

編輯看起來這是工作，因爲我們傳遞一個對象，而不僅僅是值。枚舉是不必要的。

Answer 2

你需要傳遞一個對象定義屬性，而不僅僅是值：

"getMake": {value:function() { 
    console.log("The make of this vehicle is.." + this.make); 
}} 

Reference

注意，通常的方式做OOP的Javascript是不使用的Object.create但在使用prototype。