const 和 let 声明的变量不在 window

在做题时，遇到这样一个题目：
给出代码，返回函数值。 

let a = 0
cosnt obj = {
    a:1,
    b:function(){
        console.log(this.a)
    }  
}
const obj2 = {
    a:2
}

const fun = obj.b;
fun()
fun.apply(obj)
fun.bind(obj2).apply(obj)
const fun1 = fun.bind(obj2)
new fun()  

结果是

undefined 1 2 undefined

 

我们来分析一下：

第一个值this==window，但是this.a===undefined。找了资料才发现：

  函数中的this是window，但是，ES6中，有所改变：var、function声明的全局变量，依然是顶层对象的属性；let、const、class声明的全局变量不属于顶层对象的属性。所以在window中找不到，undefined;

也就是说：

在ES5中，顶层对象的属性和全局变量是等价的，var 命令和 function 命令声明的全局变量，自然也是顶层对象。
但ES6规定，var 命令和 function 命令声明的全局变量，依旧是顶层对象的属性，但 let命令、const命令、class命令声明的全局变量，不属于顶层对象的属性。

全局变量将逐步与顶层对象的属性脱钩。

var a=3;
function b(){}
let aa = 1;
const bb = 2;

console.log(window.a); // 3
console.log(window.b); // b(){}
console.log(window.aa); // undefined
console.log(window.bb); // undefined

那怎么在全局作用域中获得let 声明的对象？

用 let 和 const 声明的全局变量并没有在全局对象中，只是一个块级作用域（Script）中

所以在定义变量的块级作用域中就能获取啊，既然不属于顶层对象，那就不加 window（global）

let aa = 1;
const bb = 2;

console.log(aa); // 1
console.log(bb); // 2

 

第二个值不用讲

第三个值：bind和apply，call区别之一是bind绑定的时候不会执行。另一个是bind绑定的this执行不会改变。

第四个值：new一个函数产生的对象，里面的this是产生的对象，其中并没有a，所以是undefined