$.extend()简单用法

最新推荐文章于 2023-08-29 14:25:01 发布

i am on the way

最新推荐文章于 2023-08-29 14:25:01 发布

阅读量268

点赞数

分类专栏：前端

原文链接：https://blog.csdn.net/alsdiuhfeircn/article/details/96132167

版权

前端专栏收录该内容

8 篇文章 0 订阅

订阅专栏

转自：https://blog.csdn.net/alsdiuhfeircn/article/details/96132167
示例：

<script src="js/jquery-3.2.0.min.js"></script>
  <script>
  var obj={};
  var obj1={
  name: 'hunger',
  sex: 'man'
  };
  var obj2={
  name: 'valley',
  age: 30
  }
  //$.extend(obj,obj1)  //把obj1拷贝到obj上面
  $.extend(obj,obj1,obj2)//属性会覆盖 Object {name: "valley", sex: "man", age: 30}

常见的用户输入数据时的设置


function getPeople(obj){
  var def={
    name: 'hunger',
    age: 20,
    sex: 'male'
  }
var opts=$.extend({},def,obj)
console.log(opts)
}
 
obj2={
  name: 'valley',
  age: 30
}
getPeople(obj2);  //最后输出Object {name: "valley", age: 30, sex: "male"}

$.extend()方法默认是浅拷贝
我们来看一下一个例子

var obj={}
var obj1={
   name: 'hunger',
   sex: 'male',
   friends: [1,2,3]
};
var obj2={
  name: 'valley',
  age: 30
}
$.extend(obj,obj1)   //得到obj={ name: 'hunger',
   sex: 'male',
   friends: [1,2,3]}
//这个时候我们再进行以下操作
obj.friends[0]=100;   //此时obj={name: 'hunger',
   sex: 'male',
   friends: [100,2,3]}
 
obj1.friends   //输出[100,2,3]  obj1也会随之改变   这就是浅拷贝

要想实现深拷贝，则需要设置布尔值，这样写：$.extend(true,obj,obj1)

当改成这样写的时候，

$.extend(true,obj,obj1)
obj.friends[0]=100;   //此时obj={name: 'hunger',
                       sex: 'male',
                       friends: [100,2,3]}
obj1.friends   //输出[1,2,3]  obj1不会改变，实现浅拷贝