一大早,祝今天有一个好心情,笑。这篇应该是这一章的最后一更了。
从前面两篇的介绍中,也可以看到了,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这一个变量。
感觉明天还要总结一波,笑。