Question

我有一些对象，比如son，我想从另一个对象father继承。

当然我可以为父做一个构造函数，比如

Father = function() {
  this.firstProperty = someValue;
  this.secondProperty = someOtherValue;
}

然后使用

var son = new Father();
son.thirdProperty = yetAnotherValue;

但这不是我想要的。由于son将具有许多属性，因此将子声明为对象文字将更具可读性。但后来我不知道如何设置它的原型。

做类似

的事情

var father = {
  firstProperty: someValue;
  secondProperty: someOtherValue;
};
var son = {
  thirdProperty: yetAnotherValue
};
son.constructor.prototype = father;

不起作用，因为原型链似乎是隐藏的而不关心构造函数.prototype的变化。

我想我可以在Firefox中使用__proto__属性，例如

var father = {
  firstProperty: someValue;
  secondProperty: someOtherValue;
};
var son = {
  thirdProperty: yetAnotherValue
  __proto__: father
};
son.constructor.prototype = father;

但是，据我所知，这不是该语言的标准功能，最好不要直接使用它。

有没有办法为对象文字指定原型？

Answer 1

你是对的，__proto__是一个非标准的属性，而你设置一个新对象[[Prototype]]的唯一两种标准方法是：

通过使用构造函数和new运算符（正如您已经提到的那样）。
使用ECMAScript 5 Object.create方法。

Object.create还不是widely supported（适用于IE9Pre3 +，Firefox 3.7Alpha +，Chrome 5+ Safari 5 +，Rhino 1.7），但在某些时候所有实现都符合ES5规范。< / p>

它可以采用两个参数，第一个是将用作新对象的[[Prototype]]的对象，第二个是可以描述自己的属性的另一个对象（在同一个中）您将使用Object.defineProperties）的结构。

例如：

var father = {
  firstProperty: 1,
  secondProperty: 2
};

var son = Object.create(father, {
  thirdProperty: {
    value: 'foo'
  }
});

father.isPrototypeOf(son); // true
son.firstProperty; // 1

son内部[[Prototype]]属性将引用father，它将包含名为thirdProperty的值属性。

Answer 2

这是不正确的jmar777。例如，如果你有

var X = function() {};
X.prototype = {
  protoFunc1: function() { console.log('p1');},
  protoFunc2: function() { console.log('p2');}
};

X.protoFunc1(); // is not a function

这意味着你在做什么：

X.prototype = {}

只是创建一个名为prototype的对象。不是真正的原型。要使用原型，您必须使用构造函数。

但是如果您将其修改为此（构造函数方法）

function X(){};
X.prototype.protoFunc1 = function() { 
    console.log('p1');
}
X.prototype.protoFunc2 = function() { 
    console.log('p2');
}

var x = new X();
x.protoFunc1(); //'p1'

它会起作用。

在不使用原型的情况下使用object literal方法或使用原型使用contructor方法。

Answer 3

为对象文字指定原型有点“不稳定”，因为您主要想要使用构造函数语法（例如，new X（））创建的对象上的原型。不是说这是不可能的......但这很奇怪。一个类似的模式已被充分证明（例如，由jQuery使用），而是将原型定义为对象文字。例如：

var X = function() {};
X.prototype = {
  protoFunc1: function() {},
  protoFunc2: function() {}
};

将原型添加到对象文字中

3 个答案: