JavaScript 复制对象

转载于 2017-12-12 15:04:00 发布 · 63 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/jiaxinjie/p/8027855.html

文章标签：

#javascript #ViewUI

本文介绍了一种在JavaScript中实现对象深拷贝的方法。通过使用`Object.create`来复制原型，并利用`Object.getOwnPropertyNames`与`Object.defineProperty`来逐个复制源对象的所有自有属性。

首先，为了创建一个对象完全相同的拷贝，需要确保两件事情：

　　1. 拷贝必须具有与原对象相同的原型

　　2. 拷贝必须具有与原对象相同的属性和特性。

function copyObject (orig) {
    //1. 具有相同的原型
   var copy  = Object.create(Object.getPrototypeOf(orig));  

    // 2. 具有相同的属性和特性
    copyOwnPropertiesFrom(copy, orig);     

    return copy;  
}

//属性复制

function copyOwnPropertiesFrom(target, source) {
   Object.getOwnPropertyNames(source)   //(1)
    . forEach(function (propKey) {   //(2)
             var desc = Object.getOwnPropertyDescriptor(source, propKey); //(3)
             Object.defineProperty(target, propKey, desc); //(4)
    });
    return target;
}

　　步骤如下：

(1) 获得 source 所有自由属性的数组。

(2) 遍历这些键。

(3) 获取属性描述符

(4) 使用属性描述符创建 target 的自有属性

转载于:https://www.cnblogs.com/jiaxinjie/p/8027855.html