作用域及作用链

  1. 全局作用域；
  2. 函数作用域；
  3. 块级作用域；

全局作用域

全局作用域的变量可以在程序任意位置访问到。

1
2
3
4
5
6
var greeting = 'Hello World!';
function greet() {
  console.log(greeting);
}
// 打印 'Hello World!'
greet();

函数作用域

函数作用域也叫局部作用域，如果一个变量是在函数内部声明的它就在一个函数作用域下面。这些变量只能在函数内部访问，不能在函数以外去访问。

块级作用域

ES6引入了let和const关键字,和var关键字不同，在大括号中使用let和const声明的变量存在于块级作用域中.在大括号之外不能访问这些变量。

1
2
3
4
5
6
7
8
9
10
{
  // 块级作用域中的变量
  let greeting = 'Hello World!';
  var lang = 'English';
  console.log(greeting); // Prints 'Hello World!'
}
// 变量 'English'
console.log(lang);
// 报错：Uncaught ReferenceError: greeting is not defined
console.log(greeting);

错误示例

1
2
3
4
5
6
7
8
9
10
11
12
var a = 0;
   function b(c){
       console.log(a);//undefined
       var a= 1;
       arguments[0] = 2;
       console.log(c);//2
       console.log(a);//1
   }
   b(3);
   console.log(a);//0
   
   //请问第一个为何是undefined呢？var a = 0：不是全局定义并赋值了嘛？求解

正确解答：
你把函数里面的 var a 写在 console.log(a);的前面就应该有了。你注意下js代码的执行顺序，先声明后执行，此外他会优先在当前的作用域里面找。 上面的代码执行顺序是这样的 1，var a ；2，声明个函数 b;3,执行赋值 a =0；4,调用 b(3),进入 函数 b里面执行，这个时候 又会在 b函数里面 开辟内存空间，同样的也是 先声明后执行从上往下，里面的进程是这样的。1，声明 c; 2,声明 a 然后开始执行 c =3 ，在执行 console.log(a);这里注意 a在b函数里面已经声明了，所以他不会去外面找。而里面的这个a 只是 声明了 没有赋值 当时 会报 undefined。后面就不说了。