var 与 let 查漏补缺

js作用域

作用域: 可访问变量的集合。
JavaScript 作用域: 在 JavaScript 中, 对象和函数同样也是变量。作用域为可访问变量，对象，函数的集合。

• ES5作用域
  • 全局作用域(Global Scope)
    • 变量在函数外定义，即为全局变量。 网页中所有脚本和函数均可使用。
    • 生命周期：声明时初始化(页面加载时) ->> 页面关闭后销毁。
  • 局部作用域(Local Scope)
    • 变量在函数内声明，即为局部变量。只能在函数内部访问。
    • 生命周期：声明时初始化(函数开始执行时) ->> 函数执行完毕后销毁。
• ES6作用域
  • 块级作用域(Block Scope)
    • let/const关键字声明的变量，大括号里面声明
    • 生命周期 : 从大括号开始 -> 到大括号结束

全局对象

在 JavaScript 中, 有一个永远被定义的全局对象. 在一个 web 浏览器中, 当脚本创建全局变量时, 他们作为该全局对象的成员被创建

• 在Web浏览器中，脚本没有专门作为后台任务启动的任何代码都将Window 作为其全局对象。这是Web上绝大多数的JavaScript代码

• 在 Worker 中运行的代码将WorkerGlobalScope 对象作为其全局对象。

• 在Node.js 环境下运行的脚本具有一个称为global 的对象作为其全局对象。

   window 对象是浏览器中的全局对象。任何全局变量或者全局函数都可以通过 window  的属性来访问。
  

• ES5中顶层对象是window，window对象也代指浏览器窗口，var命令和function命令声明的全局变量，是window的属性；全局对象的属性与全局变量是等价的

• ES6中顶层对象定义，var命令和function命令声明的全局变量，依旧是全局对象的属性；let命令、const命令、class命令声明的全局变量，不属于全局对象的属性。与window脱离。全局对象的属性将与全局变量脱钩。

var a = 1;
a === window.a // true

用var定义了全局变量a，可以通过 window 对象的属性来访问它。把变量名 a 作为全局对象的 window.a的属性名来使用。

let b = 2;
console.log(b === window.b); // false
console.log(window.b) //undefined

用let定义了全局变量b，不属于全局对象window的属性。

全局作用域

var a = 1;
let b = 2;
function f() {
  console.log(a, b); //1 2
};
f();
console.log(a, b); // 1 2
console.log(window.a); // 1
console.log(window.b); // undefined

局部作用域

函数内部创建的局部变量，无论val或者let都是局部变量

// 局部作用域 : 变量在函数内声明, 只能在函数内部被访问
function f() {
  var a = 1;  //局部变量
  let b = 2;  //局部变量
  console.log(a, b); // 1 2
};
f();
console.log(a); // a is not defined
console.log(b); // b is not defined

块级作用域

以下情况不属于块级作用域

- 在非严格模式(non-strict mode)下的var
- 函数声明时通过var声明的变量
- 非严格模式下(non-strict mode)创建的函数声明

let a = 1; 
var b = 1;
{
  let a = 2;
  var b= 2;
}
console.log(a); // 1
console.log(b); // 2

var与let区别

相同点

• 只能在特定的局部环境内使用
• 变量提升

不同点

1. 作用域不同
   • let：{} 内部使用let/const声明的变量，大括号执行完毕后销毁
   • var： 函数体内部声明的变量，函数体执行完毕后销毁
2. 预解析规则不同
   • let：存在隐式变量提升，但是不允许被访问，暂存性死区。提前使用未声明的变量会报错
   • var：存在变量提升，可先访问后声明，但是获取的值为undefined
3. 变量是否可以重复声明

   • let不允许在相同作用域内，重复声明同一个变量。否则报错

   • var可重复声明，后面会覆盖前面

       函数体大括号内部，无论使用什么关键字声明var/let/const都是局部作用域
     

如有不足或建议请评论指出，谢谢！加油！！！