温故而知新之- Javascript作用域

作用域分：全局作用域、局部作用域。

需注意，只有一个全局作用域，局部作用域就不同，每定义一个函数，就有一个局部作用域。

作用域有几个特点：

1. 变量会在编译器运行时，被定义在所在作用域上。

2. 变量会从当前所在作用域开始向上逐级查找。

举例解释：

let name = '余人杰';

function a() {
  let id = 'hw91364016';

  function b() {
      let age = 18;
      console.log(id);
      console.log(name);
  }
  b();
}
a();

上面的示例代码对应下面的图：

函数每次被调用，都会创建一个新的作用域。但如果子函数被使用时，父级作用域将被保留，如何理解？

function hw() {
  let num1 = 1;
  return function() {
    let num2 = 1;
    return function() {
      console.log(++num1);
      console.log(++num2);
    };
  };
}
let result = hw()();
result(); //2,2
result(); //3,3 //num1,num2在函数调用后还被保留，因此可以实现累加效果。

在以后的编程上，我们会经常把这个知识点用于构造函数上。当子函数被外部的作用域使用时，父级环境将被保留。

看下面的构造函数例子：

function Cart() {
  let price = 100000;
  this.show = function() {
    console.log(price++);
  };
}
let bmw = new Cart();
bmw.show(); // 100001
bmw.show(); // 100002
let byd = new User();
byd.show(); // 100001

心得：掌握这个小知识点，可以在日后的编程上，大大增高工作效率，加油。