引用数据类型的变量，是说在内存中保存的值【关注微信公众号：wwwtangshuangnet】本文版权归作者所有，未经授权不得转载。是另外一个内存单位的地址的变量。当使用这【本文首发于唐霜的博客】本文作者：唐霜，转载请注明出处。个变量的时候，实际上会使用它所保存的地址著作权归作者所有，禁止商业用途转载。【作者：唐霜】所对应的值。javascript中除了基【未经授权禁止转载】【访问 www.tangshuang.net 获取更多精彩内容】本数据类型以外，所有的复杂结构数据都是由本文作者：唐霜，转载请注明出处。【本文受版权保护】object类型衍生而来，无论是数组，还【本文受版权保护】【版权所有，侵权必究】是函数，都属于引用数据类型，在ES6中，未经授权，禁止复制转载。【访问 www.tangshuang.net 获取更多精彩内容】引入了class，而class也是obj【本文受版权保护】本文作者：唐霜，转载请注明出处。ect而来，因此引用数据类型的本质没有改【原创不易，请尊重版权】著作权归作者所有，禁止商业用途转载。变。

原创内容，盗版必究。未经授权，禁止复制转载。

赋值和引用传递

在几乎所有的编程语言中都使用等号=进行赋本文作者：唐霜，转载请注明出处。本文版权归作者所有，未经授权不得转载。值，当然，也有使用冒号:进行赋值的，但是【转载请注明来源】【作者：唐霜】赋值操作是编程世界里面最常见的操作之一。【未经授权禁止转载】【转载请注明来源】给变量赋值有两种情况，一种是为变量开辟内原创内容，盗版必究。【作者：唐霜】存空间，将变量的内容保存到该空间。例如：

【作者：唐霜】本文版权归作者所有，未经授权不得转载。本文作者：唐霜，转载请注明出处。

var a = 1;
var b = "my string";

还有一种情况，是为变量开辟内存空间后，将【关注微信公众号：wwwtangshuangnet】本文版权归作者所有，未经授权不得转载。内容写到另外一块复杂的内存空间，将这块内【版权所有】唐霜 www.tangshuang.net【版权所有，侵权必究】存空间的地址指针保存到变量的内存空间。例【原创内容，转载请注明出处】【访问 www.tangshuang.net 获取更多精彩内容】如：

转载请注明出处：www.tangshua未经授权，禁止复制转载。【版权所有】唐霜 www.tangshuang.netng.net著作权归作者所有，禁止商业用途转载。

var obj = {
  name : "Tom",
  age : 10,
  body : {
    head : 1,
    hand : 2,
    foot : 2
  }
};
var fun = function(param) {
  alert(param);
};

而后一种就是引用数据类型。我们通过画内存【作者：唐霜】【版权所有】唐霜 www.tangshuang.net示意图来表达一个引用数据类型的内存情况：
【原创不易，请尊重版权】

本文版权归作者所有，未经授权不得转载。原创内容，盗版必究。

堆和栈

变量默认情况下会保存在栈内存中，当变量的【作者：唐霜】著作权归作者所有，禁止商业用途转载。值为基本数据类型时，程序能较快的读取到栈未经授权，禁止复制转载。转载请注明出处：www.tangshuang.net内存中保存的值。而堆内存中的内容则需要通著作权归作者所有，禁止商业用途转载。转载请注明出处：www.tangshuang.net过栈内存中变量名对应的地址去找，因此性能【本文首发于唐霜的博客】原创内容，盗版必究。上慢了很多。也正是因为这个原因，在性能优本文版权归作者所有，未经授权不得转载。【作者：唐霜】化时，选择将一个堆内存中保存的数据直接引【作者：唐霜】原创内容，盗版必究。用给一个变量暂时放在栈内存中，例如：

转载请注明出处：www.tangshua著作权归作者所有，禁止商业用途转载。本文版权归作者所有，未经授权不得转载。ng.net【原创内容，转载请注明出处】

var foot = object.body.foot;

当第二次使用foot时，就不必在堆内存中著作权归作者所有，禁止商业用途转载。【原创内容，转载请注明出处】找来找去，节省了很多时间。

【关注微信公众号：wwwtangshua转载请注明出处：www.tangshuang.net【作者：唐霜】ngnet】著作权归作者所有，禁止商业用途转载。

undefined和null

首先来解释null。当一个引用数据类型被著作权归作者所有，禁止商业用途转载。转载请注明出处：www.tangshuang.net声明时，并没有立即为它开辟内存空间，例如【本文受版权保护】【未经授权禁止转载】：

未经授权，禁止复制转载。【原创不易，请尊重版权】【未经授权禁止转载】

var obj = new Object();

当没有为它开辟（堆）内存空间时，它的值为【原创不易，请尊重版权】【未经授权禁止转载】null，也就是没有保存任何内存地址信息【未经授权禁止转载】【转载请注明来源】。当这个变量在程序进程中一直保持为nul【未经授权禁止转载】本文作者：唐霜，转载请注明出处。l时，说明它并没有被赋值，所以理论上会被著作权归作者所有，禁止商业用途转载。本文作者：唐霜，转载请注明出处。垃圾回收机制回收内存。

原创内容，盗版必究。未经授权，禁止复制转载。【版权所有】唐霜 www.tangshu【本文首发于唐霜的博客】【版权所有，侵权必究】ang.net

接下来是undefined。和引用数据类【版权所有，侵权必究】【版权所有】唐霜 www.tangshuang.net型对应，它是一个变量没有被定义时的值，没原创内容，盗版必究。【版权所有】唐霜 www.tangshuang.net有被定义的意思是它的数据类型也不确定。由【本文受版权保护】转载请注明出处：www.tangshuang.net于Javascript中声明一个变量并没本文作者：唐霜，转载请注明出处。本文版权归作者所有，未经授权不得转载。有使用int, string, char本文版权归作者所有，未经授权不得转载。【原创内容，转载请注明出处】这种关键字进行声明，所以实际上在声明一个【作者：唐霜】转载请注明出处：www.tangshuang.net变量时，它默认是没有数据类型的，当初始化【关注微信公众号：wwwtangshuangnet】著作权归作者所有，禁止商业用途转载。它的值时，它也同时拥有了数据类型，用一个【原创内容，转载请注明出处】转载请注明出处：www.tangshuang.net代码来说明：

【版权所有，侵权必究】【转载请注明来源】【关注微信公众号：wwwtangshua【原创不易，请尊重版权】著作权归作者所有，禁止商业用途转载。ngnet】未经授权，禁止复制转载。

var a;
alert(typeof a); // undefined

上面代码中a被声明，却没有确定数据类型，本文版权归作者所有，未经授权不得转载。【原创不易，请尊重版权】在内存中的表现就是开辟了内存空间，但还没有赋予具体的内容。但是，在堆内存中，这个声明并不存在，我【关注微信公众号：wwwtangshuangnet】转载请注明出处：www.tangshuang.net们无法使用var b在堆内存中声明一个新未经授权，禁止复制转载。【本文首发于唐霜的博客】的变量，为它开辟一个新的空间，所以，下面【本文受版权保护】【关注微信公众号：wwwtangshuangnet】的情况会略有不同：

原创内容，盗版必究。【关注微信公众号：wwwtangshua本文作者：唐霜，转载请注明出处。【作者：唐霜】ngnet】

var a;
alert(typeof a);
alert(typeof b);
var c = {};
alert(typeof c.d);
alert(typeof e.f); // error

a和b本质不同，a的值是undefine【转载请注明来源】【原创内容，转载请注明出处】d，而b并未经声明，非严格模式下被认为是本文作者：唐霜，转载请注明出处。著作权归作者所有，禁止商业用途转载。window.b，所以会报undefin本文作者：唐霜，转载请注明出处。原创内容，盗版必究。ed，和下面的c.d一样，但是当使用"use strict"声明为严格模式时，未经声明的b是会报错的本文版权归作者所有，未经授权不得转载。未经授权，禁止复制转载。。c.d和e.f也不同，因为c是存在的，著作权归作者所有，禁止商业用途转载。【版权所有】唐霜 www.tangshuang.net而c.d并未声明，所以返回undefin【本文受版权保护】著作权归作者所有，禁止商业用途转载。ed，而e并未经声明，所以严格模式下本身转载请注明出处：www.tangshuang.net转载请注明出处：www.tangshuang.net就是会报错，即便没有声明严格模式，e的值本文作者：唐霜，转载请注明出处。【版权所有，侵权必究】为undefined，也不能使用e.f，本文作者：唐霜，转载请注明出处。未经授权，禁止复制转载。因为e不是一个引用数据类型。如果在这之前未经授权，禁止复制转载。【原创内容，转载请注明出处】声明var e = null，则报错内容本文版权归作者所有，未经授权不得转载。原创内容，盗版必究。不一样，报错会提示不能获取null.f。本文版权归作者所有，未经授权不得转载。【本文首发于唐霜的博客】这个地方还有一点可以探讨，就是c.d在使【关注微信公众号：wwwtangshuangnet】本文作者：唐霜，转载请注明出处。用之前并没有执行var c.d来声明c.d，毕竟d也是一个变量，但正是【未经授权禁止转载】【本文受版权保护】因为d是保存在堆内存中（如果存在的话），原创内容，盗版必究。著作权归作者所有，禁止商业用途转载。所以并不能声明，如果非要声明的话，只能用c.d = null这种形式，即对它进行赋值。

【关注微信公众号：wwwtangshua【转载请注明来源】本文版权归作者所有，未经授权不得转载。ngnet】【作者：唐霜】著作权归作者所有，禁止商业用途转载。

从上面这个说法，你可以发现，如果在声明一【原创不易，请尊重版权】本文版权归作者所有，未经授权不得转载。个引用数据类型时，可以使用var a = null。同时，undefined和null都可著作权归作者所有，禁止商业用途转载。原创内容，盗版必究。以表示声明而不开辟内存空间。

【转载请注明来源】【转载请注明来源】

万能的引用：改变堆内存保存的值

引用数据类型，不单单是为了解决复杂的变量本文版权归作者所有，未经授权不得转载。本文版权归作者所有，未经授权不得转载。（上下文）数据结构存储，引用传递可以帮助【版权所有】唐霜 www.tangshuang.net【版权所有，侵权必究】我们完成很多复杂的数据操作。本文特别要介本文作者：唐霜，转载请注明出处。【原创不易，请尊重版权】绍的，是跨作用域改变堆内存中的值。为了形【本文受版权保护】原创内容，盗版必究。象的了解这个情况，你可以先阅读一下《javascript中参数的内存引用关系本文作者：唐霜，转载请注明出处。未经授权，禁止复制转载。及解决方案》这篇文章中我给出的一种情况。

著作权归作者所有，禁止商业用途转载。原创内容，盗版必究。未经授权，禁止复制转载。

简单的说，引用传递的过程就是这样：

未经授权，禁止复制转载。转载请注明出处：www.tangshua本文版权归作者所有，未经授权不得转载。【版权所有，侵权必究】ng.net

var object = {
  name : "tom",
  age : 10,
  body : {
    head : 1,
    hand : 2,
    foot : 2
  }
};
// =========================
var a = object,
  b = a,
  c = b,
  d = b;
c._origin = object;
// ==========================
c._origin.age ++;
alert(a.age); // 11
// --------
d.body = {
  eye : 2,
  nose : 1
};
alert(a.body.head); // undefined
alert(a.body.eye); // 2

这里面我们就利用到了引用传递的特性。首先【本文受版权保护】【转载请注明来源】，在var a,b,c,d这块，其实所有著作权归作者所有，禁止商业用途转载。【本文受版权保护】的变量都保存了和object一样的内容，【未经授权禁止转载】【关注微信公众号：wwwtangshuangnet】也就是object所对应的对象堆内存的地转载请注明出处：www.tangshuang.net【作者：唐霜】址信息，所以实际上object,a,b,【版权所有】唐霜 www.tangshuang.net转载请注明出处：www.tangshuang.netc,d全部都是地址信息，他们的值是一样的【本文首发于唐霜的博客】【原创不易，请尊重版权】。接下来，我们执行了一个c._origin.age ++操作，看上去是对c进行操作，而实际上，跟【原创不易，请尊重版权】著作权归作者所有，禁止商业用途转载。c一点关系都没有，c的内容仅仅是一个地址【未经授权禁止转载】本文作者：唐霜，转载请注明出处。信息，真正被操作的，是这个地址信息对应的【作者：唐霜】【转载请注明来源】堆内存中保存的对象的.age属性。不过这【访问 www.tangshuang.net 获取更多精彩内容】【本文首发于唐霜的博客】里有一个._origin属性有点迷惑性，【访问 www.tangshuang.net 获取更多精彩内容】【原创不易，请尊重版权】但是你要知道，c._origin实际上也【版权所有，侵权必究】【本文首发于唐霜的博客】只是一个地址信息，和a,b,c,d的内容著作权归作者所有，禁止商业用途转载。转载请注明出处：www.tangshuang.net也是一样的。

【版权所有，侵权必究】本文作者：唐霜，转载请注明出处。【原创内容，转载请注明出处】

所以，从上面的解释我们可以看出：如果某个堆内存单元的内容发生了变化，保存【原创不易，请尊重版权】【关注微信公众号：wwwtangshuangnet】该堆内存单元地址信息的所有变量所引用的值【原创不易，请尊重版权】【版权所有】唐霜 www.tangshuang.net也相应发生变化，无论这个变量是保存于栈内未经授权，禁止复制转载。【原创内容，转载请注明出处】存还是堆内存。

【原创内容，转载请注明出处】本文作者：唐霜，转载请注明出处。【本文首发于唐霜的博客】转载请注明出处：www.tangshua【原创内容，转载请注明出处】著作权归作者所有，禁止商业用途转载。ng.net

接下来，我们用上面的.body被改变来解【版权所有，侵权必究】【访问 www.tangshuang.net 获取更多精彩内容】释。原本object.body其实也是一未经授权，禁止复制转载。【本文首发于唐霜的博客】个地址信息，它指向了堆内存中的另外一个存【版权所有】唐霜 www.tangshuang.net转载请注明出处：www.tangshuang.net储单元，但是当我们执行d.body = {}操作时，body保存的信息发生了变化，它【原创内容，转载请注明出处】【版权所有，侵权必究】保存的内容不再是原来的内存地址信息，而是【版权所有，侵权必究】【关注微信公众号：wwwtangshuangnet】我们新创建的一个对象的堆内存地址信息，这转载请注明出处：www.tangshuang.net【原创不易，请尊重版权】其实也是一个赋值过程。那么原始的obje【未经授权禁止转载】【版权所有】唐霜 www.tangshuang.netct.body所指向的堆内存信息去哪里了原创内容，盗版必究。【转载请注明来源】呢？假如程序中没有另外一个变量指向这个内【访问 www.tangshuang.net 获取更多精彩内容】转载请注明出处：www.tangshuang.net存单元，那么它过段时间会被垃圾回收。

本文版权归作者所有，未经授权不得转载。【版权所有】唐霜 www.tangshu本文作者：唐霜，转载请注明出处。【本文首发于唐霜的博客】ang.net

这看上去好像没有什么大不了的，不过如果我著作权归作者所有，禁止商业用途转载。未经授权，禁止复制转载。告诉你，引用传递在函数参数中仍然有效，那【原创不易，请尊重版权】【访问 www.tangshuang.net 获取更多精彩内容】就不一样了，因为我们可以随时在函数的作用未经授权，禁止复制转载。【本文首发于唐霜的博客】域内，改变一个来自外部的对象就很方便了。

本文作者：唐霜，转载请注明出处。转载请注明出处：www.tangshua【转载请注明来源】本文作者：唐霜，转载请注明出处。ng.net【本文受版权保护】

2016-07-15 7723