记录下来以便未来看看现在的自己!
在一开始学习javascript遇到的问题实际是 this 这个问题,但看过书中的讲解后就理解了,但是 javascript的作用域问题,书本看了几遍也不是很理解,随着练习的增多,遇到 javascript作用域的情况增多了,所以想着 好好理解一下 javascript的作用域问题, 下面是我自己的理解。
我们在 学习javascript的时候知道 变量分为两种:全局变量和局部变量。
实际把变量这么分无非就是这个变量所能运行的环境,或者说是变量的作用环境, 全局变量是在整个代码内部都可以利用,而 局部变量实际只有一种,只在 函数内部。
在函数内部声明一个变量,那这个变量的作用环境就只有这一个函数而已,别的函数没法用这个变量,外部也没法用这个变量。
不过有一点,虽然函数外部不能用函数内部的变量,但函数内部可以用父级的变量,这也是闭包的特性之一,全局变量实际是在window层级的变量,所以在任何变量内部都可以用全局变量。
看下面的例子:
var a = 45;
function bb () {
alert(a); //45
var b= 12;
}
bb();
alert(b); // b is not defined
可以看到在函数内部 是可以用 全局变量 a的,但在函数外部不可以用 函数内部变量 b,如果有兴趣你可以试试 函数嵌套函数,来试试 最里面的函数可不可以 用它父级函数里面的变量?
现在开始了解一下,代码在运行的时候都发生了什么?
实际在我们写好代码的时候,浏览器的解析器在没有运行之前就看过我们的代码,就是大致的看看都有什么?当然 速度很快所以我们让我们认为 代码就直接运行了。
在大致看代码的时候。会看关键字的,关键字就是 var function 和 参数 。
来看下面的代码:
var a=12;
alert(a); //12
function asd(){
alert(b);//undefined
var b= 45;
alert(b); //45
}
asd();
在代码没有运行之前,先看 关键字,第一行 发现一个 var ,那么在浏览器内部就会知道声明了一个变量 a,但现在还不知道值,所以在一开始声明的变量的值都是 undefined, a=undefined;
由于alert(a)这一行没有关键字,所以浏览器内部不做任何行为,直接下一行,
好了,看到了 function这个关键字,那么在js解释引擎就会在 内部有一个函数 asd,但同样的知道有一个函数但函数内部有什么都不知道。
好了发现下面没有代码了,好开始一行一行的运行。
看到第一行 var a =12;好把刚才存入的变量的值从 undefined变成12,第二行是 弹出
a的值,所以就弹出了 12;
而下面是个函数,在函数没有被调用之前看到函数直接跳过,好 下一行就是 调用 asd这个函数,
因为函数是局部变量的作用域,所以在看到调用函数的时候,开始对函数内部进行解析,还是先看关键字 var
function 和参数,
第一步看到一个 var,所以在函数内部 有了一个变量 b,但同样的 b的值还是 undefined,再看其他的关键字,没有了其他关键字,所以开始一步一步的执行代码。
第一步看到一个 alert(b)吧,好刚才有个变量 b,但值还是undefined,所以弹出undefined,第二行 var b = 45;所以在函数内部 b的值就从undefined变成了 45,下一行alert(b),就理所当然的弹出了 45。
所以在我们的代码没有运行之前,浏览器会先解析我们的代码,看看几个关键字。
好了这篇文章先讲到这里, 还会有下一篇,会介绍 当变量 前面没有 var 这个关键字会怎么样?同时如果有同名的变量和函数会怎么样? 作用域链是什么?