对象属性的拷贝extend

最新推荐文章于 2023-04-26 14:55:17 发布

iteye_2245

最新推荐文章于 2023-04-26 14:55:17 发布

阅读量228

点赞数

分类专栏： js-object prototype的解读文章标签： js-object extend

js-object 同时被 2 个专栏收录

15 篇文章

订阅专栏

prototype的解读

13 篇文章

订阅专栏

本文介绍了两种实现对象属性拷贝的方法：一种是使用prototype提供的extend方法，另一种是参照tangram方式实现，确保只拷贝源对象自身的属性而非原型链上的属性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

很多时候我们在处理对象的时候都在做一件同样的事情----将某一个源对象的所有属性拷贝到一个目标对象上。

先看看prototype的做法

Object.extend = function(destination,source){
     for(var pro in source){
          destination[pro] = source[pro];
     }
     return destination;
}

下面我们参照tangram的方式：

拷贝的是源对象自己的属性，不拷贝prototype的成员
在拷贝过程中，目标对象上与源对象上key相同的对应值会被覆盖

/*
@function
@param target  -----目标对象
@param source -----源对象
*/
ZYC.object.extend = function(target,source){
   for(var p in source){
      if(source.hasOwnProperty(p)){
          //拷贝自身属性
          target[p] = source[p];
      }
   }
   return target;
}