JavaScript中的函数作用域和作用域链

港控/mmm° 2022-07-13 06:48 254阅读 0赞

估计大家一直对Js的作用域有点迷糊，今天没事看到[**JavaScript**][JavaScript]权威指南对作用域的解释感觉很不错就和大家分享一下。

一：函数作用域

先看一小段代码：

1. **var** scope="global";

2. **function** t()\{

3.     console.log(scope);

4.     **var** scope="local"

5.     console.log(scope);

6. \}

7. t();

第一句输出的是： "undefined"，而不是 "global"

第二句输出的是："local"

你可能会认为第一句会输出："global",因为代码还没执行var scope="local",所以肯定会输出“global"。

在C/C++中，花括号内中的每一段代码都具有各自的作用域，而且变量在声明它们的代码段之外是不可见的，我们称为块级作用域。而Javascript压根没有块级作用域，而是函数作用域.

所谓函数作用域就是说：变量在声明它们的函数体以及这个函数体嵌套的任意函数体内都是有定义的。

其实由于函数作用域的特性，局部变量在整个函数体内始终是有定义的，只有在程序执行到var语句的时候局部变量才真正的被赋值，上面的过程据就是我们经常说的“声明提前”，将函数体内的变量声明提前至函数的顶部，同时变量的初始化留在原地。

所以根据函数作用域的意思，可以将上述代码等价于：

1. **var** scope="global";

2. **function** t()\{

3.     **var** scope;

4.     console.log(scope);

5.     scope="local"

6.     console.log(scope);

7. \}

8. t();

我们可以看到，由于函数作用域的特性，局部变量在整个函数体始终是由定义的，我们可以将变量声明”提前“到函数体顶部，同时变量初始化还在原来位置。

1. **var** name="global";

2. **if**(**true**)\{

3.     **var** name="local";

4.     console.log(name)

5. \}

6. console.log(name);

都输出是“local",如果有块级作用域，明显if语句将创建局部变量name,并不会修改全局name,可是没有这样，所以Js没有块级作用域。

现在很好理解为什么会得出那样的结果了。scope声明覆盖了全局的scope,但是还没有赋值，所以输出：”undefined“。

所以下面的代码也就很好理解了。

1. **function** t(flag)\{

2.     **if**(flag)\{

3.         **var** s="ifscope";

4.         **for**(**var** i=0;i<2;i++)

5.             ;

6.     \}

7.     console.log(i);

8.     console.log(s);

9. \}

10. t(**true**);

输出：2  ”ifscope"

二：作用域链

先来看一段代码：

1. name="lwy";

2. **function** t()\{

3.     **var** name="tlwy";

4.     **function** s()\{

5.         **var** name="slwy";

6.         console.log(name);

7.     \}

8.     **function** ss()\{

9.         console.log(name);

10.     \}

11.     s();

12.     ss();

13. \}

14. t();

当执行s时，将创建函数s的执行环境(调用对象),并将该对象置于链表开头，然后将函数t的调用对象链接在之后，最后是全局对象。然后从链表开头寻找变量name,很明显

name是"slwy"。

但执行ss()时，作用域链是： ss()->t()->window,所以name是”tlwy"

Javascript权威指南写的啰嗦，我们总结一下就是，在函数作用域内自上而下引用形成的链式结构就叫做作用域链

[JavaScript]: http://lib.csdn.net/base/javascript

发表评论取消回复

表情：

评论列表（有 0 条评论，254人围观）

还没有评论，来说两句吧...

相关阅读

相关 2. Javascript 中的变量作用域和作用域链

在 Javascript 中，范围是指在运行时代码的特定部分中变量、函数和对象的可访问性或可见性。了解范围的工作原理对于编写高效且无错误的 Javascript 代码至关重要

不念不忘少年蓝@/ 2024年03月22日 19:48/ 0 赞/ 106 阅读

相关 Javascript 中的变量作用域和作用域链

在 JavaScript 中，范围是指在运行时代码的特定部分中变量、函数和对象的可访问性或可见性。了解范围的工作原理对于编写高效且无错误的 Javascript 代码至关重要

「爱情、让人受尽委屈。」/ 2024年03月22日 18:07/ 0 赞/ 22 阅读

相关 Javascript 中的变量作用域和作用域链

在 Javascript 中，范围是指在运行时代码的特定部分中变量、函数和对象的可访问性或可见性。了解范围的工作原理对于编写高效且无错误的 Javascript 代码至关重要

野性酷女/ 2024年03月16日 18:53/ 0 赞/ 79 阅读

相关 JavaScript作用域与作用域链

其实还是this指向规则问题 1、 var x = 10; function fn() { console.log

古城微笑少年丶/ 2023年10月06日 17:44/ 0 赞/ 66 阅读

相关 JavaScript --- 作用域与作用域链

作用域 1、理解就是一块“地盘”，一个代码所在的区域它是静态的（相对于上下文对象），在编写代码时就确定了 2、分类全局作用域函数

太过爱你忘了你带给我的痛/ 2023年02月09日 14:28/ 0 赞/ 17 阅读

相关 JavaScript闭包（作用域和作用域链）

JavaScript 的作用域是通过函数来形成，也就是说一个函数内定义的变量，函数外是不可以访问。让变量不会外泄、暴露出去。也就是说作用域最大的用处就是隔离变量，不同作用

迈不过友情╰/ 2022年12月15日 00:57/ 0 赞/ 255 阅读

相关 JavaScript中的函数作用域和作用域链

估计大家一直对Js的作用域有点迷糊，今天没事看到[JavaScript][JavaScript]权威指南对作用域的解释感觉很不错就和大家分享一下。一：函数作用域

港控/mmm°/ 2022年07月13日 06:48/ 0 赞/ 255 阅读

相关作用域和作用域链

Js 作用域和作用域链作用域指的就是变量和函数（方法）能在哪些区域能调用和使用，全局变量和函数（方法）能在任何地方调用，当然前提是你在声明变量（注意这里指的变量）之后调用

小鱼儿/ 2021年12月16日 13:29/ 0 赞/ 472 阅读

相关函数作用域和作用域链

[点击去原文][Link 1] 在Javascript中，万物皆对象，但对象也有区别，大致可以分为两类，即：普通对象 Object 和函数对象 Function。一般而

素颜马尾好姑娘i/ 2021年12月07日 11:05/ 0 赞/ 392 阅读

相关深入理解 JavaScript 作用域和作用域链

作用域是JavaScript最重要的概念之一，想要学好JavaScript就需要理解JavaScript作用域和作用域链的工作原理。今天这篇文章对JavaScript作用域和作

喜欢ヅ旅行/ 2021年09月14日 11:08/ 0 赞/ 408 阅读