1

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

本质上，我正在尝试建立从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，这些属性对返回的对象不可用吗？

4

1 回答 1

2

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

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

然后，不要返回任何东西。或者，this如果您愿意，可以返回。

于 2012-12-16T04:27:53.167 回答