Question

我需要一些帮助来理解javascript原型继承是如何工作的......或者更确切地说，为什么它没有做我期望它做的事情。

基本上我正在尝试建立从new语句返回的模板化对象。我在utils.js模块中有一个泛型构造函数，它将参数对象中的任何值分配给相应的模板对象，作为调用new的结果，我返回该修改后的模板对象。

module.exports.ctor = ctor;

//Mapped object constructor
function ctor(template) {

  return function(args) {
     var s, t, p;

    //guard against being used without new
    //courtesy of John Resig http://ejohn.org/blog/simple-class-instantiation/
    if (!(this instanceof arguments.callee)) {
      throw new Error("Constructor called without 'new'");
    }

    //create a deep copy of `template` to modify
    t = JSON.parse(JSON.stringify(template));
    args = args === 'undefined' ? {} : args;   

    // copy values of matching properties from `args` to `t`
    // (uses Crockford's `typeOf` function http://javascript.crockford.com/remedial.html)
    for (p in t) {
      if (args[p]) {
        s = typeOf(t[p]);

        if (s === 'function' || s === 'null') {
          /* do nothing */
        } else if (s === 'array') {
          t[p] = t[p].concat(args[p]);
        } else {
          t[p] = args[p];
        }
      }
    }

    return t;
  };
}

以下是一个示例，说明通用构造函数如何在Contact模板对象上工作，并在Contact对象中添加了一些prototype特定属性：

var template = {
    email: null,
    phone: null,
    address: []
};

var Contact = require('../util').ctor(template);

Contact.prototype.template = template;

Contact.prototype.print = function() {
  var str = this.email + '\n';
  str += this.phone + '\n';
  for (var i = 0; i < this.address.length; i++) {
    str += this.address[i].toString() + '\n';
  }
};

module.exports = Contact;

我的期望是template属性和print函数在返回的对象链中可用，但看起来它们不是（来自节点REPL）：

> var Contact = require('./mapping/Contact');
undefined
> var c = new Contact();
undefined
> c.print
undefined
> c.template
undefined
> c
{ email: '', phone: '', address: [] }

有人可以向我解释为什么如果我明确地将属性添加到Contact的原型中，那些属性不可用于返回的对象？

Answer 1

这是因为ctor()导致构造函数返回t，这是一个普通的通用对象。由于构造函数返回普通对象，因此您将丢失原型。不要返回t，而是将t的属性复制到this：

for (var k in t) {
    this[k] = t[k];
}

然后，不要退货。或者，如果您愿意，请返回this。

无法看到从子对象添加到原型的属性

1 个答案: