var与let 在window下面的区别

//  var 与let 在window下面的区别

 var age = 28;

 let ages = 18;

 //console.log(window.age);//28

 //console.log(window.ages);//undefined

 

 /* ES5声明变量只有两种方式：var和function。

 

ES6有let、const、import、class再加上ES5的var、function共有六种声明变量的方式。

 

还需要了解顶层对象：浏览器环境中顶层对象是window，Node中是global对象。

 

ES5中，顶层对象的属性等价于全局变量。(敲黑板了啊)

 

ES6中，有所改变：var、function声明的全局变量，依然是顶层对象的属性；let、const、class声明的全局变量不属于顶层对象的属性，也就是说ES6开始，全局变量和顶层对象的属性开始分离、脱钩。 */

 

a = 1;

console.info(window.a);  // 1

 

var b = 2;

console.info(window.b);  // 2

 

let c = 3;

console.info(window.c);  // undefined