《JavaScript高级程序设计》读书笔记--4-变量、作用域和内存问题-优快云博客

本文链接：https://blog.youkuaiyun.com/u010309756/article/details/53607319

基本类型和引用类型的值

5种基本数据类型是按值访问，可以操作保存在变量中的实际的值。
引用类型的值是保存在内存中的对象，js不允许直接访问内存中的位置，也就是说不能直接操作对象的内存空间。在操作对象时，实际上是在操作对象的引用而不是实际的对象，引用类型的值是按引用访问的。
动态的属性
对于引用类型的值可以为其动态的添加属性和方法，也可以改变和删除其属性和方法；对于基本类型的值来说则不可以，尽管不会报错误。
复制变量值
复制基本类型的值，会在变量对象上创建一个新值，然后把该值复制到为新变量分配的位置上。两个值是完全独立的，不会有相互影响。

复制引用类型的值时，同样也会存储在变量对象中的值复制一份放到为新变量分配的空间中，不同的是，这个值的副本实际上是一个指针，而这个指针指向存储在堆中的一个对象。复制结束后，两个变量实际上将引用同一个对象，因此改变其中一个变量就会影响另一个变量。
引用类型的值的复制过程
传递参数
js中的所有函数的参数都是按值传递的，也就是说把函数外部的值复制给函数内部的参数，就和把值从一个变量复制到另一个变量一样（基本类型和引用类型都是复制）。在向参数传递基本类型的值时，被传递的值会被复制给命名参数arguments对象中的一个元素；在向参数传递引用类型的值时，会把这个值在内存中的地址复制给一个局部变量，因此这个局部变量的变化会反映在函数的外部。

function setName(obj){
    obj.name = "Nicholas";
    obj = new Object();
    obj.name = "Greg";
}
var person = new Object();
setName(person);
alert(person.name);//"Nicholas"

即使在函数内部修改了参数的值，但是原始的引用仍然保持未变。实际上当内部函数重写obj时，这个变量引用的就是一个局部对象了，而这个局部对象会在函数执行完毕后立即销毁。
检测类型
检测基本数据类型–typeof
检测引用数据类型–instanceof

result = variable instanceof constructor
//例子
alert(person instanceof Object);//变量person是Object吗？
alert(colors instanceof Array);//变量colors是Array吗？

如果变量是给定引用类型的实例就返回true。
所有引用类型的值都是Object的实例，所以在检测一个引用类型值和Object构造函数时，instanceof操作符始终返回true，当然如果使用instanceof操作符检测基本类型的值则会始终返回false，因为基本类型不是对象。

执行环境及作用域

定义了变量或函数有权访问的其他数据，决定了它们各自的行为，每个执行环境都有一个与之关联的变量对象，环境中定义的所有变量和函数都保存在这个对象中。
全局执行环境是最外围的一个执行环境，web浏览器中，全局执行环境被公认为是window对象，因此所有的全局变量和函数都是作为window对象的属性和方法创建的。某个执行环境中的所有代码执行完毕后，该环境被销毁，保存在其中的所有变量和函数定义也随之销毁，控制权返回给之前的执行环境。
当代码在一个环境中执行时，会创建变量对象的一个作用域链，其用途是保证对执行环境有权访问的所有变量和函数的有序访问。作用域链的前端始终都是当前执行的代码所在环境的变量对象。如果这个环境是函数，则其活动对象作为变量对象。活动对象在最开始时只包含一个变量，即arguments对象。作用域链中的下一个变量对象来自包含（外部）环境，而再下一个变量对象则来自下一个包含环境。这样，一直延续到全局执行环境；全局执行环境的变量对象始终都是作用域链中的最后一个对象。
标识符解析是沿着作用域链一级一级的搜索标识符的过程。

var color = "blue";
function changeColor(){
    var anotherColor = "red";
    function swapColors(){
        var tempColor = anotherColor;
        anotherColor = color;
        color = tempColor;
        //这里可以访问color、anotherColor、tempColor
    }
    //这路可以访问color、anotherColor但是不能访问tempColor
    swapColors();   
}
//这里只能访问color
changColor();
```![作用域链](http://img.blog.youkuaiyun.com/20161213100429986?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvdTAxMDMwOTc1Ng==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)
内部环境可以通过作用域链访问所有的外部环境，但是外部环境不能访问内部环境中的任何变量和函数。这些环境之间的联系是线性、有次序的。每个环境都可以向上搜索作用域链，以查询变量和函数名；但任何环境都不能通过向下搜索作用域链而进入另一个执行环境。
**延长作用域链**

 - try-catch语句的catch块（创建一个新的变量对象）
 - with语句（将指定对象添加到作用域链中）

**没有块级作用域**





<div class="se-preview-section-delimiter"></div>

for(var i=0; i<10; i++){
doSomething(i);
}
alert(i);//10

由for语句创建的变量i即使在for循环执行结束后也依旧会存在于循环外部的执行环境中。
**声明变量**
使用var声明变量会自动添加到最接近的环境中。在函数内部，最接近的环境就是函数的局部环境；在with语句中，最接近的环境是函数环境。如果初始化变量时没有使用var声明，该变量会自动被添加到全局环境。
**查询标识符**





<div class="se-preview-section-delimiter"></div>

var color = “blue”;
function gerColor(){
return color;
}
alert(getColor());//”blue”
“`

搜索过程从作用域链的前端开始，向上逐级查询与给定名字匹配的标识符，如果在局部环境中找到了该标识符搜索停止，变量就绪。如果没找到则继续沿作用域链向上搜索，过程将一直追溯到全局环境的变量对象。

垃圾收集

自动垃圾收集机制，执行环境会负责管理代码执行过程中使用的内存。原理就是找出那些不再继续使用的变量，然后释放其占用的内存。
标记清除
当变量进入环境时，就将这个变量标记为“进入环境”，从逻辑上讲，永远不能释放进入环境的变量所占用的内存，而当变量离开环境时，则将其标记为“离开环境”。垃圾收集器完成内存清除，将标记为“离开环境”的变量销毁并收回它们所占用的内存。
引用计数
跟踪记录每个值被引用的次数，声明变量并将一个引用类型值赋给该变量时，这个值得引用次数就是1，如果同一个值又被赋给另一个变量，则该值的引用次数加1.相反，如果包含对这个值引用的变量又取得了另一个值，则这个值的引用次数减1.当这个值的引用次数为0时就可以将其占用的内存空间收回。
若存在循环引用，“引用计数”会导致问题。
IE中有一部分对象并不是原生的js对象，例如BOM和DOM中的对象就是使用C++以COM对象的形式实现，而COM对象的垃圾收集机制就是采用的引用计数策略。
为了避免循环引用问题，最好是在不使用他们的时候手动断开原生js对象与DOM元素之间的连接，即将变量设置为null。
性能问题
确定垃圾收集的时间间隔是一个非常重要的问题，IE的垃圾收集器是根据内存分配量运行的，具体一点就是256个变量、4096个对象（或数组）字面量和数组元素或者64KB的字符串，达到上述任何一个临界值，垃圾收集器就会运行。由于这样会频繁的运行垃圾收集器，IE7重写了其垃圾收集例程，触发垃圾收集的变量分配、字面量和（或）数组元素的临界值被调整为动态修正。若内存分配量低于15%，临界值加倍，若例程回收了85%的内存分配量，则临界值回到默认值。
管理内存
js分配给web浏览器的可用内存数量通常要比分配给桌面应用的少，这样的目的是出于安全方面的考虑，为了防止运行js的网页耗尽全部系统内存而导致系统崩溃。
优化内存占用的最优方法就是执行中的代码只保存必要的数据，一旦数据不再有用最好通过将其值设置为null来释放其引用–这个做法叫做解除引用，这一做法适用于大多数的全局变量和全局对象的属性，局部变量会在他们离开执行环境时自动被解除引用。
解除引用并不意味着自动收回该值所占的内存，他的真正作用是让值脱离执行环境，以便垃圾收集器下次运行时将其回收。