变量作用域和内存问题

Posted 2020-08-17

　　一大早，祝今天有一个好心情，笑。这篇应该是这一章的最后一更了。

　　从前面两篇的介绍中，也可以看到了，js中的变量总的来说分为两种，一种是基本类型一种是引用类型，在实际中，大多数是测试或者需要根据变量的类型来判断下一步的操作的时候，通常就会用一下typeof和instanceof这两种方法，虽然这两种方法都可以检验变量的数据类型，但还是有些区别的。

typeof方法：

var temp;
console.log(typeof temp);//控制台输出undefined
temp=Object();
console.log(typeof temp);//控制台输出Object
temp=function(){};
console.log(typeof temp);//控制台输出function
etc...

就像在上面的例子中看到的那样，typeof会直接得到变量的类型，但是它得到的始终是一个大类，比如，对于Obejct,Date,RegExp这三种来说，它得出的答案是一样的：

temp=Object();
console.log(typeof temp);//控制台输出Object
temp=new Date();
console.log(typeof temp);//控制台输出Object
temp=new RegExp();
console.log(typeof temp);//控制台输出Object

instanceof 方法：

和上面不同的是instanceof方法不会直接告诉变累的类型，相反的采取一种问询的方式来间接的得到元素的类型是什么，同时它可以识别Object,Date,RegExp这三种类型，不是像typeof一样给它们一个统称。

var temp=Object();
console.log(temp instanceof Object);//true
temp=new Array();
console.log(temp instanceof Array);//true
temp=new RegExp();
console.log(temp instanceof RegExp);//true

 

下面就说一下js中的执行环境及作用域

在js中的一个重要的概念就是执行环境，每一个执行环境都有一个与之关联的变量对象，最外围的执行环境就是全局执行环境，在web浏览器中全局执行环境被认为是window对象，而在全局执行环境中的每一个函数又有自己的执行环境，当执行流进入一个函数时，函数的环境就会被推入一个环境栈中，在函数执行之后，栈将起环境弹出，把控制权返回给之前的执行环境。由于这种执行环境的存在，可以把这些执行环境以链的形式组织起来，也就是说当代码在一个环境中执行时，会创建变量对象的一个作用域链，在函数中调用的变量都会按照这个链的顺序向上进行查找，如果回溯到头，也就是在全局环境中都没找到这个变量，则会报错。

var color="red";
console.log(getColor());//控制台输出red
console.log(setColor());//控制台输出green

function getColor(){
    console.log(anothercolor);//报错,anothercolor is not defined
    return color;//向上找变量color,是全局变量
}

function setColor(){
    var color="green";//这里color属于局部变量，找到就不会再向上了
    return color;
}

在上面这个例子中，函数getColor涉及到两个执行环境，getColor局部的执行环境和全局的执行环境，在局部的执行环境中没有对color的定义，所以在调用getColor函数的时候就会沿着这个作用域链向上查找，发现在全局执行环境中有对color的定义，所以函数getColor中用的变量color就是全局执行环境中的变量color，但是同样在getColor中使用的anothercolor就没有那么幸运了，按照anothercolor的作用链向上查找，发现在本函数的执行环境中没有对这个变量进行定义，继续向上，在全局执行环境中也没有发现对这个变量的定义，这时候就会报错。

一样的方法分析setColor函数也涉及到两个执行环境，在使用color变量的时候沿着作用链向上查找，一下子在函数的执行环境中就找到了对这个变量的声明，这个时候就不会再继续向上找了，所以在setColor中返回的color变量是和函数内部定义的变量color保持一致的，不受到在全局环境中定义的color的影响。

按照作用链的顺序对变量进行访问，始终遵循内部环境可以通过作用域链访问所有的外部环境，但是外部环境不能访问内部环境中的任何变量和函数。

var color="blue";
function changeColor(){
    var anotherColor="red";
    function swapColors(){
        var tempColor=anotherColor;
        anotherColor=color;
        color=tempColor;
    }
    swapColors();
}
changeColor();

在这里，函数swapColors涉及三个作用域，分别是swapColors局部作用域，changeColor父作用域和全局父作用域，函数changeColor涉及两个作用域，分别是changeColor局部作用域和全局父作用域。调用swapColors可以访问到tempColor,anotherColor,color这三个变量，调用changeColor只能访问到anotherColor,color这两个变量，在全局作用域下只能访问color这一个变量。

感觉明天还要总结一波，笑。