将实例克隆到独立对象答案

【问题标题】：Clone instance to independent object将实例克隆到独立对象
【发布时间】：2015-09-23 00:28:15
【问题描述】：

我有一个板课：

var board = new Board();

我想克隆板子并在新板上运行movePiece 函数：

var newBoard = board;
newBoard.movePiece('4a', '3b');

由于我只是分配它，board 和 newBoard 都会有移动的部分。

我如何克隆棋盘以创建一个名为 newBoard 的精确副本，我可以将棋子移到上面而原始棋盘保持不变？

我尝试了几种不同的方法，例如：

Object.assign({}, orig)

和

function clone(orig) {
    let origProto = Object.getPrototypeOf(orig);
    return Object.assign(Object.create(origProto), orig);
}

来自http://www.2ality.com/2014/12/es6-oop.html

【问题讨论】：

我不会尝试复制。我会创建一个继承自它的新对象。 return Object.create(orig); 然后，您可以使用与原始对象相同的更改来更新新对象。
@squint 所以我会创建一个新对象，然后循环并分配所有相同的变量和函数？可以举个例子吗？
进行可靠克隆的唯一方法是编写一个方法，该方法采用一个实例并根据该实例的属性创建一个新实例。这是因为外部代理无法确切知道如何处理每个实例变量，并且也可能拥有私有实例变量。因此，只需编写一个新方法来创建一个新对象并复制相关属性，或者编写一个接受另一个对象并执行相同操作的构造函数。
@jfriend00 喜欢这样吗？ Board.prototype.clone = function() { return Object.assign(Object.getPrototypeOf(this), this); };
无论你做什么，不要将this question视为重复！

标签： javascript class object

【解决方案1】：

为任意对象创建可靠克隆的唯一方法是在该对象上编写一个方法，该方法接受一个实例并根据原始实例的属性创建一个新实例。

这是因为外部代理无法确切知道如何处理每个实例变量（需要分配的内容、需要复制的内容等），并且也可能拥有私有实例变量.因此，只需编写一个新方法来创建一个新对象并复制相关属性，或者编写一个接受另一个对象并执行相同操作的构造函数。

可能有一个对象，可以将所有属性分配给一个新实例（如果所有属性都是原语），但通常情况并非如此，因此需要应用更多智能来确定如何最好地分配每个属性到新的克隆。而且，一个对象可能有私有实例变量（闭包变量），这些变量也必须在其他方法中手动处理。

这是一个相对简单的对象示例，其中只有一个需要复制的数组。这个支持通过构造函数或克隆方法创建克隆：

function CallbackList(otherObj) {
    // if another object is passed to the constructor, then initialize this
    // new instance to be a copy
    if (otherObj) {
        // copy the array from the other instance
        this.list = otherObj.list.slice(0);
    } else {
        // initalize empty list
        this.list = [];
    }
}

CallbackList.prototype = {
    addListener: function(fn) {
        this.list.push(fn);
    },
    removeListener: function(fn) {
        for (var i = this.list.length - 1; i >= 0; i--) {
           if (this.list[i] === fn) {
              this.list.splice(i, 1);
           }
        }
    },
    fire: function(/* pass args here */) {
        var args = Array.prototype.slice.call(arguments);
        this.list.forEach(function(fn) {
            fn.apply(null, args);
        });
    },
    clone: function() {
        return new CallbackList(this);
    }
};

要了解为什么需要专门为对象构建的自定义代码来创建克隆，以下是实例数据中可能存在的一些内容，您可能必须以特定对象的方式处理这些内容：

对 DOM 对象的引用。也许，克隆应该具有相同的引用（只是复制）或者可能需要创建一个新的 DOM 对象并将其插入到 DOM 中。
对其他对象的引用。也许新克隆应该具有相同的引用，或者可能需要为克隆创建一个新对象。
阵列。如果它是对共享数组的引用，那么两个克隆都应该指向同一个数组。如果它应该是一个独特的实例数据，对于每个对象都是独立的，那么就需要复制该数组。如果数组本身包含对象，那么您对数组的内容也会有同样的疑问。
对象。与数组相同的问题。
闭包变量（私有的实例变量）。与上面提到的对象属性相同的问题。

【讨论】：