变量作用域和内存问题

红太狼 2021-03-23 14:31 483阅读 0赞

# 变量作用域和内存问题 #

## 1.基本类型和引用类型的值 ##

> 基本类型就是简单的数据段(5种值类型)，而引用类型就是对象(操控对象的引用)。

### 1.1复制变量值 ###

引用类型实际上在复制的时候，传递的是函数的指针，复制完成后，实际两个变量引用的都是同一个堆内存中的对象，改变这个对象，两个变量的值也会同步改变。

### 1.2传递参数 ###

**函数的参数都是按值传递的**。其实我认为这种说法多少还是有些抽象。总结起来不如这样说。当传递给函数的变量是值类型时，那么传递给函数的这个原始变量的**值**不会随函数内部的影响而改变。当传递给函数的变量是引用类型(object)时，那么传递给函数的这个原始变量的**引用**不会随函数内部的影响而改变。其实这里不是太容易理解，比如举个例子来说明

var obj = {
                name: 'andy'
            }
    
            function ChangeObj(val) {
                val.age = '25'
                val = {
                    name:'zakas',
                    age:40
                }
                return val;
            }
            ChangeObj(obj); // {name:'zakas',age:40}
            console.log(obj) // {name:'andy',age:25}

上面这个例子中，函数中val的内存地址变了（引用变了），如果函数是按引用传递的话，那么val的引用就是obj的引用，val的应用变了，obj的引用也会跟随变化，所以obj的结果也应该是\{name:'zakas',age:40\}。而按值传递的话，obj赋值给val它的引用，但是他俩的引用是不关联在一起的，val引用的改变并不会影响obj的引用地址。

函数的形参就是函数作用域中的局部变量。当函数运行完是会被销毁的。

### 1.3检测类型 ###

instanceof 可以进行引用类型的更明确的检测。所以值类型在instanceof总全是false，值类型也没必要用其方法进行检测。instanceof只能区分Array Object 和 RegExp

## 2.执行环境 ##

每个执行环境都有一个**变量对象**，变量对象的概念很重要。它是作用域中所有定义的变量的一个大的集合;每个执行环境都有一个**变量对象**，存储着我们定义的所有变量，但是这个变量对象我们访问不到，但解析器处理数据时会在后台使用它。

function A() {
            var tempA;
            function B() {
                var tempB;
                function C() {
                    var tempC
                }
            }
        }

B()的作用域链中包含3个对象，一个是自己的变量对象，还有A的变量对象和全局变量对象。A()中的作用域链包含2个对象，一个A()自己的变量对象，还有就是全局变量对象。因此A访问不了B的变量，只能访问自己的和全局的变量。但是B不但能访问自己的变量，也能访问A和全局作用域下的变量。

### 2.1延长作用域链 ###

with

With相当于创造了一个新的变量对象在当前作用域的上方。例如：

With方法会造成性能的严重损失，所以一般不建议用

### 2.2无块级作用域 ###

必须要知道这个概念，作用和区别，最老生常谈的一个问题：

for(var i =0 ; i < 10 ; i++ ) {
        setTimeout(function(){
            console.log(i);
        },0)
    }

在理解这个问题的前提下，首先要知道定时器是异步的，即使是0，也要先放到缓存区中，当其他程序自上而下执行完毕之后再去调用。所以在其他程序自上而下执行完毕之后，由于没有块级作用域，i是全局的，已经变成10了，所以输出10个10。如果把i改为存在块级作用域的let，那么问题就迎刃而解了。

for(let i =0 ; i < 10 ; i++ ) {
        setTimeout(function(){
            console.log(i);
        },0)
    }

### 2.3垃圾收集 ###

**JavaScript具有自动垃圾收集机制**