JavaScript作用域

  理解JavaScript的执行环境、作用域。

执行环境及作用域

  执行环境的类型总共只有两种:全局和局部

执行环境

  execution context,有时也称为“环境”,是JavaScript中最为重要的一个概念。执行环境定义了变量或函数有权访问的其他数据,决定了它们各自的行为。每个执行环境都有一个与之关联的变量对象,环境中定义的所有变量和函数都保存在这个对象中。全局执行环境为window对象。每个函数都有自己的执行环境。子执行环境可以调用父执行环境的变量,但是父执行环境不能访问子执行环境的变量。
  例如:

1
2
3
4
5
6
7
8
9
10
11
12
var example_1 = "hello 1";

function fun_1() {
var example_2 = "hello 2";

function fun_2() {
var example_3 = "hello 3";
// 此处可以访问example_1、example_2、example_3
}
// 此处可以访问example_1、example_2
}
// 这里只能访问example_1

作用域链

  当代码在一个环境中执行时,会创建变量的一个作用域链。作用域链的用途,是保证对执行环境有权访问的所有变量和函数的有序访问。作用域链的前端,始终都是当前执行代码所在环境的变量,全局执行环境的变量对象始终都是作用域链中的最后一个对象。

延长作用域链

  虽然执行环境的类型只有全局和局部两种,但是还是有其他办法来延长作用域链。有些语句可以在作用域链的前端临时增加一个变量对象,该对象会在代码执行后被移除。

  • try-catch语句的catch块
  • with语句

没有块级作用域

  JavaScript不像其他类C语言一样由花括号封闭的代码都有自己的作用域(执行环境)。

  比如在C语言中:

1
2
3
4
5
6
7
8
9
10
11
12
#include <stdio.h>

int main()
{
for(int i = 0; i < 10; i++)
{
printf("hello");
}
printf("%d", i); // 编译不通过

return 0;
}

  而在JavaScript中:

1
2
3
4
5
6
'use strict'

for(var i = 0; i < 10; i++) {
console.log("hello");
}
console.log(i); //10

  这是因为在JavaScript中只有全局和局部(函数内)两种执行环境,尽管是在for语句里申明的变量i,但是却不像C语言一样循环结束就消除变量i,而是仍然留在全局执行环境window里。

image

打赏点猫粮钱吧~