javascript的作用域问题(1)

记录下来以便未来看看现在的自己!

在一开始学习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 这个关键字会怎么样?同时如果有同名的变量和函数会怎么样? 作用域链是什么?

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容