Question

我有一些测试类

TestKlass = (function() {

    function TestKlass(value) {
      this.value = value != null ? value : 'hello world';
      console.log(this.value);
    }

    return TestKlass;

})();

x = new TestKlass;
x instanceof TestKlass; (gives true)

我有新的空对象

y = {}
y instanceof Object

我是否可以找到任何方法为 y 设置任何属性，例如

y.__proto__ = x.__proto__
y.constructor.prototype = x.constructor.prototype

获得此结果

y instanceof TestKlass => true

=============================================== =====

UPD：

因此。我的主要目标 - 创建CLONE功能。现在我的解决方案适合我。请看这段代码：

JavaScript JS对象克隆

Object._clone = function(obj) {
  var clone, property, value;
  if (!obj || typeof obj !== 'object') {
    return obj;
  }
  clone = typeof obj.pop === 'function' ? [] : {};
  clone.__proto__ = obj.__proto__;
  for (property in obj) {
    if (obj.hasOwnProperty(property)) {
      value = obj.property;
      if (value && typeof value === 'object') {
        clone[property] = Object._clone(value);
      } else {
        clone[property] = obj[property];
      }
    }
  }
  return clone;
};

CoffeeScript JS对象克隆

# Object clone
Object._clone = (obj) ->
  return obj if not obj or typeof(obj) isnt 'object'
  clone = if typeof(obj.pop) is 'function' then [] else {}

  # deprecated, but need for instanceof method
  clone.__proto__ = obj.__proto__

  for property of obj
    if obj.hasOwnProperty property
      # clone properties
      value = obj.property
      if value and typeof(value) is 'object'
        clone[property] = Object._clone(value)
      else
        clone[property] = obj[property]

  clone

现在你可以尝试这样做

A = new TestKlass
B = Object._clone(A)
B instanceof TestKlass => true

使用Moz FF 13可以正常工作。但我认为这不是跨浏览器。原型已弃用。

我认为没有通用的解决方案。但也许这会对某人有所帮助。

Answer 1

obj instanceof SomeConstructor检查是否在obj的原型链中的任何位置找到SomeConstructor。

如果你想继承，你需要将FirstConstructor的.prototype设置为新创建的SomeConstructor对象。

SomeConstructor = function() {}
FirstConstructor = function() {}
FirstConstroctor.prototype = new SomeConstructor();

var y = new FirstConstroctor();
y instanceof FirstConstructor; // true
y instanceof SomeConstructor ; // true, it bubbles from FirstConstructor.__proto__ to SomeConstructor

Answer 2

也许您应该首先阅读以下answer。你想要实现的目标非常简单。但在我解释之前，让我们来看看你的解决方案：

解决方案1 

y.__proto__ = x.__proto__;

我不建议这样做，因为__proto__属性现在是deprecated。上述代码无法在Rhino中使用。

解决方案2

y.constructor.prototype = x.constructor.prototype;

这是一个非常糟糕的解决方案。原因是y.constructor实际上是y.__proto__.constructor，而y是对象y.__proto__与Object.prototype相同。这意味着y.constructor与Object相同，您实际上正在更改prototype的{{1}}属性。这可能会破坏您网页上的其他代码。我强烈反对这种做法。

解决方案3（我的解决方案）

您要做的只是更改对象的内部Object属性。由于没有跨平台的方法，我们需要使用hack。一个简单的解决方案是创建一个具有所需[[proto]]属性的新对象，并在其上设置getter和setter以更改原始对象。它将如下：

__proto__

在此之后你需要做的就是：

function setPrototypeOf(object, prototype) {
    var constructor = function () {
        for (var key in object) {
            if (object.hasOwnProperty(key)) {
                (function (key) {
                    Object.defineProperty(this, key, {
                        get: function () {
                            return object[key];
                        },
                        set: function (value) {
                            object[key] = value;
                        },
                        enumerable: true
                    });
                }).call(this, key);
            }
        }
    };

    constructor.prototype = prototype;

    return new constructor;
}

这是一个有效的fiddle。

修改

克隆功能的问题在于它只克隆对象和数组。你忘了考虑也通过引用传递的函数。因此，当您克隆具有close over对象内部状态的方法的对象时，该对象及其克隆将共享相同的内部状态。请参阅以下fiddle：

y = setPrototypeOf(y, TestKlass.prototype);

在JavaScript中绝对没有办法克隆对象的内部状态，因此在JavaScript中克隆对象和数组只适用于不将闭包暴露为方法的对象。

要了解有关在JavaScript中克隆对象的问题的更多信息，请阅读此answer。点击以下link阅读John Resig的回答。

如何为JavaScript对象设置类名

2 个答案: