使用 Object.Create 向 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 );
   }
});

我尝试向 van 中添加 getMake 函数，但出现错误：

TypeError：当我调用时，对象# 的属性“getMake”不是函数：

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

请注意，在 Javascript 中执行 OOP 的常用方法不是使用 Object.create，而是使用 prototype。