Js是静态作用域：是在定义阶段就决定好了的，而不是在执行阶段才决定的。
参考资料：
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/this
https://www.zhihu.com/question/19636194
this 指的是引用那些函数的对象（指向它执行的上下文环境）。一般this的场景
1.全局作用域下的this
如果是在浏览器环境下，this指向window,但是在严格模式下，函数中的this等于undefined
如果在node环境中，this指向global（但node环境下js文件中的this为{}，也就是module.export）
2.对象中的this
当用对象调用自己里面定义的方法时，this指向的这个对象。 例如：
var obj = {
id: 9,
test: function() {
return this.id;
}
};
console.log(obj.test()); //9指向实例化的对象
5.call 和 apply和bind中的thisfunction add(x) {
return this.a + x
}
var obj = { a: 10 }
var sum = add.call(obj, 8)
//var sum = add.apply(obj, [8])
console.log(sum) // 18
它的第一个参数是绑定函数的运行环境。<script>
var obj = {
say: function () {
var f1 = () => {
console.log(this); // obj
setTimeout(() => {
console.log(this); // obj
})
}
f1();
}
}
obj.say()
</script>
结果：都是obj
f1继承父级this指代的obj，不管f1有多层箭头函数嵌套，都是obj.
<script>
var obj = {
say: function () {
var f1 = function () {
console.log(this); // window, f1调用时,没有宿主对象,默认是window
setTimeout(() => {
console.log(this); // window
})
};
f1();
}
}
obj.say()
</script>
结果：window,window
第一个this：f1调用时没有宿主对象，默认是window
第二个this:继承父级的this,父级的this指代的是windowfun1()
var fun1 = function () {
console.log(1)
}
// VM1327:2 Uncaught TypeError: fun1 is not a function
// at <anonymous>:2:1
fun2()
var fun2 = function () {
console.log(2)
}
fun3()
var fun3 = function () {
console.log("fun3")
}
function fun3() {
console.log(3)
}Let变量的生命周期，声明阶段-暂时性死区-初始化-赋值阶段，在未初始化阶段就调用就会报错的。
es5:（之前的总结）
https://blog.csdn.net/weixin_36852235/article/details/80144048
es6:
Class 可以通过extends关键字实现继承，这比 ES5 的通过修改原型链实现继承，要清晰和方便很多。
class Point {}
class ColorPoint extends Point {}
上面代码定义了一个ColorPoint类，该类通过extends关键字，继承了Point类的所有属性和方法。但是由于没有部署任何代码，所以这两个类完全一样，等于复制了一个Point类。下面，我们在ColorPoint内部加上代码。
class ColorPoint extends Point {
constructor(x, y, color) {
super(x, y); // 调用父类的constructor(x, y) this.color = color;
}
toString() {
return this.color + ' ' + super.toString(); // 调用父类的toString() }}上面代码中，constructor方法和toString方法之中，都出现了super关键字，它在这里表示父类的构造函数，用来新建父类的this对象
<script>
var script = document.createElement('script');
script.type = 'text/javascript';
// 传参并指定回调执行函数为onBack
script.src = 'http://www.domain2.com:8080/login?user=admin&callback=onBack';
document.head.appendChild(script);
// 回调执行函数
function onBack(res) {
alert(JSON.stringify(res));
}
</script>
服务端返回如下（返回时即执行全局函数）：
onBack({"status": true, "user": "admin"})$.ajax({
url: 'http://www.domain2.com:8080/login',
type: 'get',
dataType: 'jsonp', // 请求方式为jsonp
jsonpCallback: "onBack", // 自定义回调函数名
data: {}
});
6.window.postMessage
主页面设置：popup.postMessage('Hello World!', 'http://bbb.com');
postMessage方法的第一个参数是具体的信息内容，第二个参数是接收消息的窗口的源（origin），即"协议 + 域名 + 端口"。也可以设为*，表示不限制域名，向所有窗口发送
