词法作用域
视频锁定
{$ currentTime | date:'mm:ss' $}
{$ timeLeft | date:'mm:ss' $}
作用域的概念在几乎所有的主流语言中都有体现,在 JavaScript 中,则有其特殊性: JavaScript 中的变量作用域为函数体内有效,而无块作用域,我们在 Java 语言中,可以这样定义 for 循环块中的下标变量:
public void method(){
for(int i = 0; i < obj1.length; i++){
//do something here;
}
//此时的i为未定义
for(int i = 0; i < obj2.length; i++){
//do something else;
}
}
而在 JavaScript 中:
function func(){
for(var i = 0; i < array.length; i++){
//do something here.
}
//此时i仍然有值,及I == array.length
print(i);//i == array.length;
}
JavaScript 的函数是在局部作用域内运行的,在局部作用域内运行的函数体可以访问其外层的(可能是全局作用域)的变量和函数。JavaScript 的作用域为词法作用域,所谓词法作用域是说,其作用域为在定义时(词法分析时)就确定下来的,而并非在执行时确定,如下例:
var str = "global";
function scopeTest(){
print(str);
var str = "local";
print(str);
}
scopeTest();
运行结果是什么呢?初学者很可能得出这样的答案:
global
local
而正确的结果应该是:
undefined
local
因为在函数 scopeTest 的定义中,预先访问了未声明的变量 str,然后才对 str 变量进行初始化,所以第一个 print(str)会返回 undifined 错误。那为什么函数这个时候不去访问外部的 str 变量呢?这是因为,在词法分析结束后,构造作用域链的时候,会将函数内定义的var 变量放入该链,因此 str 在整个函数 scopeTest 内都是可见的(从函数体的第一行到最后一行),由于 str 变量本身是未定义的,程序顺序执行,到第一行就会返回未定义,第二行为 str 赋值,所以第三行的 print(str)将返回”local”。
在线练习
{$ activeFileHint $}