前言:
今天同学们对“var块级作用域”大体比较注意,姐妹们都想要知道一些“var块级作用域”的相关资讯。那么小编同时在网上网罗了一些关于“var块级作用域””的相关内容,希望我们能喜欢,大家快快来了解一下吧!变量作用域
变量的作用域值的是变量的生命周期和作用范围(全局与局部作用域的区别)。
静态作用域
静态作用域有称为词法作用域,即指其在编译阶段就可以决定变量的引用。静态作用域只与变量定义的位置有关与代码执行的顺序无关。
var x = 0;function foo() { alert(x);}function bar() { var x = 20; foo();}foo();动态作用域
动态作用域的变量引用只可在程序运行时刻决定(其通常通过动态栈来进行管理)。
var x = 0;function foo() { alert(x);}function bar() { var x = 20; foo();}foo();
控制台打印出来:
JavaScript 变量作用域
(1)使用静态作用域
(2)函数作用域,就是只有 function 用于可以定义作用域
(3)ES6之后,块级作用域
词法环境
组成
词法环境用来描述静态作用域的数据结构。它由环境记录和外部词法环境的引用组成。
环境记录(record)(指形参,变量,函数等)外部词法环境的引用(outer)
创建
在一段代码执行之前,先初始化词法环境。会被初始化的有:
形参函数定义(创建函数对象,会保存当前作用域。见下图)变量定义(所有初始化值均为 undefined)
结构
var x = 10;function foo(y) { var z = 30; function bar(q) { return x + y + z + q; } return bar;}var bar = foo(20);bar(40);
全局词法作用域(初始化状态)
函数词法作用域
关于词法环境的问题
命名冲突
形参,函数定义,变量名称命名冲突。其中的优先级的排序如下:
函数定义 > 形参 > 变量
arguments 的使用
为函数中定义好的变量。
函数表达式与函数定义的区别
函数表达式是在执行时才创建函数对象。函数定义为在代码执行之前就进行创建的。
with 语句(慎用)
with 会创造一个临时作用域。
var foo = 'abc';with({ foo: 'bar';}) { function f() { alert(foo); }; (function() { alert(foo); })(); f();}
try-catch 句法
try { var e = 10; throw new Error();} catch (e) { function f() { alert(e); } (function() { alert(e); })(); f();}
带名称的函数表达式
当一个函数表达式有了名称之后,JavaScript 会创建一个新的词法环境。并在这个词法环境中用有一个属性 A 指向这个函数,同时这个属性 A 指向的函数是不可被修改的。
下面例子为不常规的写法
(function A(){ A = 1; alert(A);})();
运行期个作用域变量:
标签: #var块级作用域