JavaScript和很多其他编程语言一本文版权归作者所有，未经授权不得转载。原创内容，盗版必究。样，变量在内存中一旦生成，往往会通过引用【本文首发于唐霜的博客】【访问 www.tangshuang.net 获取更多精彩内容】来反复使用这个变量的值，也就是我们常说的【本文首发于唐霜的博客】【本文受版权保护】引用传递。但是有的时候，我们希望一个新的转载请注明出处：www.tangshuang.net本文版权归作者所有，未经授权不得转载。变量，拥有原始变量的所有成员，同时又有自【本文受版权保护】转载请注明出处：www.tangshuang.net己的新成员，在类的继承里面这个很好做到，本文版权归作者所有，未经授权不得转载。原创内容，盗版必究。但是对于变量，却没有现成的办法，因为继承【访问 www.tangshuang.net 获取更多精彩内容】【原创内容，转载请注明出处】一个变量意味着要声明一个新变量，在内存空【未经授权禁止转载】【版权所有】唐霜 www.tangshuang.net间中开辟一块新的区域，把原始变量的整个内未经授权，禁止复制转载。本文作者：唐霜，转载请注明出处。存结构拷贝过来。但是我们知道，变量中的某未经授权，禁止复制转载。本文作者：唐霜，转载请注明出处。个成员，往往又是另外一个变量（匿名）的引【版权所有】唐霜 www.tangshuang.net【版权所有，侵权必究】用，所以克隆起来又增加了难度。我们下面来【版权所有】唐霜 www.tangshuang.net【作者：唐霜】看一个案例：

function Test(options) {
  this.options = options;
}
var opt = {
  name : 'kandi',
  age : 12
};
var a = new Test(opt);

var opt2 = opt;
opt2.name = 'candy';
var b = new Test(opt2);

console.log('a:' + a.options.name + ';b:' + b.options.name);

我们会发现，console显示的两个na【原创内容，转载请注明出处】【关注微信公众号：wwwtangshuangnet】me都是candy，其实我们希望a.options.nam原创内容，盗版必究。【转载请注明来源】e为kandi。

这里就涉及到了变量的内存引用问题。当声明【本文首发于唐霜的博客】【原创不易，请尊重版权】opt2=opt的时候，其实是将opt所本文作者：唐霜，转载请注明出处。本文作者：唐霜，转载请注明出处。指向的内存地址赋值给opt2，也就是说，【本文首发于唐霜的博客】【作者：唐霜】opt2和opt虽然名称不同，但实际内容著作权归作者所有，禁止商业用途转载。【原创内容，转载请注明出处】是一样的，相当于一个房子挂了两张门牌。当转载请注明出处：www.tangshuang.net【转载请注明来源】opt2.name修改之后，实际上是修改【访问 www.tangshuang.net 获取更多精彩内容】【本文首发于唐霜的博客】了opt2对应的内存区域里的name，而【访问 www.tangshuang.net 获取更多精彩内容】本文作者：唐霜，转载请注明出处。opt和opt2拥有同一块内存区域，op原创内容，盗版必究。未经授权，禁止复制转载。t.name自然也就变为了candy.

这种情况和下面的情况完全是两回事：

var a = 'my name';
var b = a;
b = 'your name';

console.log(a + ' vs. ' + b);

这段代码并不涉及引用传递的问题。

回到前面，当opt2.name改变之后，本文作者：唐霜，转载请注明出处。著作权归作者所有，禁止商业用途转载。a.options.name会首先去到实【版权所有】唐霜 www.tangshuang.net原创内容，盗版必究。例化的Test类中找出a.options本文版权归作者所有，未经授权不得转载。【版权所有，侵权必究】，由于a.options是对传入参数的引未经授权，禁止复制转载。原创内容，盗版必究。用，所以当使用a.options.nam著作权归作者所有，禁止商业用途转载。原创内容，盗版必究。e的时候，实际上是找到opt.name。未经授权，禁止复制转载。【版权所有，侵权必究】opt2.name值的改变意味着意味着对【未经授权禁止转载】转载请注明出处：www.tangshuang.net应内存空间里name值的改变，所以即使n转载请注明出处：www.tangshuang.net本文版权归作者所有，未经授权不得转载。ew了两次Test类，但是当option【版权所有，侵权必究】本文作者：唐霜，转载请注明出处。s值变化的时候，a、b对应的内存空间中的【关注微信公众号：wwwtangshuangnet】【关注微信公众号：wwwtangshuangnet】引用并没有改变，而是内存中name的值变未经授权，禁止复制转载。转载请注明出处：www.tangshuang.net了。

new Test并不会将实参也固定到ne【版权所有】唐霜 www.tangshuang.net【原创不易，请尊重版权】w的内存空间中，也就是说并非克隆参数变量【未经授权禁止转载】本文作者：唐霜，转载请注明出处。，而是仅仅引用了实参的内存地址。new 本文版权归作者所有，未经授权不得转载。【转载请注明来源】Test的时候新开辟的内存空间，仅限于T【原创不易，请尊重版权】【未经授权禁止转载】est实例化对象，每一个实例化对象的内存著作权归作者所有，禁止商业用途转载。【本文首发于唐霜的博客】空间是独享的，但是它们中引用的其他内存空【原创内容，转载请注明出处】转载请注明出处：www.tangshuang.net间，却与自身的内存空间实际上没有多大的关未经授权，禁止复制转载。本文版权归作者所有，未经授权不得转载。系。

那么怎么来解决上面的问题呢？通过深拷贝o著作权归作者所有，禁止商业用途转载。原创内容，盗版必究。pt到opt2，创建一个和opt对应的内著作权归作者所有，禁止商业用途转载。【转载请注明来源】存内容完全相同的另一块内存内容，并赋值给【原创内容，转载请注明出处】【版权所有】唐霜 www.tangshuang.netopt2。我们可以使用jquery的ex转载请注明出处：www.tangshuang.net著作权归作者所有，禁止商业用途转载。tend方法来实现深拷贝，如下：

var opt = {
  name : 'kandi',
  age : 12
};
var opt2 = $.extend({},opt,{name : 'candy'});

这样opt2就会开辟新的内存空间，并拥有【版权所有】唐霜 www.tangshuang.net【版权所有】唐霜 www.tangshuang.net属于自己的完整的继承于opt的各个成员。

2016-06-23 4073