javascript对象直接量合并源码下载

使用jQuery的$.extend()方法可以轻松的实现对象合并效果。

关于$.extend()可以参阅jQuery.extend()方法一章节。

下面就通过代码实例介绍一下如何利用原生javascript实现此功能。

代码如下:

[ bootstrap ] 运行代码下载代码

<script>
var one={
  webName:"51前端",
}
var two = {
  url:"softwhy.com",
  func:function(){
    console.log("青岛市南区");
  }
}
var three={
  age:2
};
function cloneObj(oldObj) { //复制对象方法
  if (typeof(oldObj) != 'object') return oldObj;
  if (oldObj == null) return oldObj;
  var newObj = new Object();
  for (var prop in oldObj)
    newObj[prop] = cloneObj(oldObj[prop]);
  return newObj;
};
function extendObj() { //扩展对象
  var args = arguments;
  if (args.length < 2) return;
  var temp = cloneObj(args[0]); //调用复制对象方法
  for (var n = 1; n < args.length;n++){
    for (var index in args[n]) {
      temp[index] = args[n][index];
    }
  }
  return temp;
}
var t=extendObj(one,two,three);
console.log(t);
console.log(one);
console.log(two);
console.log(three);
</script>

代码描述：javascript对象直接量合并。javascript对象直接量合并源码下载

下载全部收藏

253 338

用户评论

大牛，别默默的看了，快登录帮我点评一下吧！:) 登录 | 注册