javascript（js）词法作用域以及动态作用域

最新推荐文章于 2024-06-17 14:09:47 发布

土生土长的IU

最新推荐文章于 2024-06-17 14:09:47 发布

阅读量365

点赞数

分类专栏： javascript 文章标签： javascript

本文链接：https://blog.csdn.net/AIB_Kasic/article/details/113913960

版权

javascript 专栏收录该内容

79 篇文章 0 订阅

订阅专栏

本文深入探讨了词法作用域和动态作用域的概念，通过实例解析它们的工作原理。词法作用域在代码定义时确定，而动态作用域则在运行时根据调用栈确定。在JavaScript中，词法作用域是标准，但在某些语言中，如Lisp家族，可能使用动态作用域。理解这两种作用域对于编写正确和高效的代码至关重要。

摘要由CSDN通过智能技术生成

词法作用域（静态作用域）

词法作用域就是定义在词法阶段的作用域，是由写代码时将变量和块作用域写在哪里来决定的

	function foo(a) {
			
		    var b = a * 2;
			// a=1 b=2 c=4
		    function bar(c) {
		        console.log( a, b, c );
		    }
		    bar(b * 2);
		}
		foo( 1 ); // 1 2 4
		// bar首先会从bar内部寻找a,b,c. 
		// 所以bar会找到c = 4; a,b没有,往上一层找.
		// 找到a = 2 , b = 4

动态作用域

动态作用域并不关心函数和作用域是如何声明以及在任何处声明的，只关心它们从何处调用。换句话说，作用域链是基于调用栈的，而不是代码中的作用域嵌套

var a = 2;
		function foo() {
		    console.log( a );
		}
		function bar() {
		    var a = 3;
		    foo();
		}
		bar();
		// 1.如果处于词法作用域，也就是现在的javascript环境。
			变量a首先在foo()函数中查找，没有找到。
			于是顺着作用域链到全局作用域中查找，找到并赋值为2。
			所以控制台输出2
			
		// 2.如果处于动态作用域，同样地，变量a首先在foo()中查找，没有找到。
			这里会顺着调用栈在调用foo()函数的地方，也就是bar()函数中查找，找到并赋值为3。
			所以控制台输出3