分享人：陈皓宇
1.背景介绍
2.知识剖析
3.常见问题
4.解决方案
5.编码实战
6.扩展思考
7.参考文献
8.更多讨论
首先，我们可以理解为，this是个指针（有C++基础的同学很容易秒懂），类似于墙头草，很容易改变它。
执行环境（上下文）始终是this关键字的值，它是拥有当前所执行代码的对象的引用。 这句话是所有的内容核心，只要理解它就可以了(绝大多数情况来讲)。 每个执行环境都有一个与之关联的变量对象（VO），环境中定义的所有变量和函数都保存在这个对象中。 然后，我们来解析一下，执行环境和作用域这两个完全不同的概念。 函数的每次调用都有与之紧密相关的作用域和执行环境。 从根本上来说，作用域是基于函数的，而执行环境是基于对象的(例如：全局执行环境即window对象)。
在javaScript中，this是动态绑定的，它可以是全局对象、当前对象或者任意对象，这完全取决于函数的调用方式。 在绝大多数情况下，函数的调用方式决定了this的值，this指向调用函数的对象。 this不能在执行期间被赋值，并且在每次函数被调用时this的值也可能会不同。ES5引入了bind方法来设置函数的this值， 而不用考虑函数如何被调用的，ES6在2015年引入了支持this词法解析的箭头函数（它在闭合的执行上下文内设置this的值）。
由一个简单的对象，引入全局对象。
非严格模式下，在全局执行上下文中（在任何函数体外部）this 都指代全局对象。
this指向在函数定义（声明）的时候是确定不了的，只有函数被调用的时候才能够确定,实际上this的最终指向的是那个调用它的对象
1、全局环境中的this
(非严格模式下)
function a(){
console.log(this);
}
a();
这里调用了a函数，而a函数的执行环境是全局环境，这里的this也就指向了全局变量window。
严格模式 ‘use strict’下的this
'use strict';
function a(){
this.user = "hello";
console.log(this);
console.log(this.user);
}
a();
console.log(user)
在严格模式下，在全局环境中执行函数调用的时候 this 并不会指向 window 而是会指向 undefined。
2.如果函数作为一个对象的属性方法，并且被调用的时候，this 就指向这个对象。
var name = '火影';
var person = {
name: '水影',
sayName: function() {
console.log(this.name);
}
};
var sayNameWin = person.sayName;
person.sayName(); //水影
sayNameWin(); //火影 作为 window 的方法被调用的
3.作为构造函数被调用的时候，this 指向它通过new关键字实例化出来的对象
function Person(name) {
this.name = name;
console.log(this);
}
var person = new Person('张飒');
console.log(person.name); //张飒
注：构造函数不使用new调用，则和普通函数一样。一般地，构造函数大驼峰式命名。
如果不加 new,表示即作为普通函数调用，指向 window
function Person(name) {
this.name = name;
console.log(this); //window
}
Person('水影');
console.log(window.name); //水影
作为 call/apply/bind 方法被调用的时候指向传入的值
var person = {
name: '人才'
};
function fn() {
console.log(this); //Object {name: "人才"}
console.log(this.name); //人才
}
fn.apply(person);
元素绑定事件，事件触发后，执行的函数中的this 指向的是当前元素（标签）
window.onload = function () {
var btn = document.querySelector("button");
btn.onclick = function () {
console.log(this);
}
}
《 javascript 高级程序设计》中写到：“超时调用的代码都是在全局执行域中执行的”。setTimeout/setInterval 执行的时候，this 默认指向 window 对象，除非手动改变 this 的指向。
var name = '土影';
function Person(){
this.name = '火影';
this.sayName=function(){
console.log(this); //window
console.log(this.name); //火影
};
setTimeout(this.sayName, 10);
}
var person=new Person();
如何改变this的指向？
可以使用call或者apply的方法
如果xxxx.call(a)，this就指向a；当a为null或者undefined的时候，会指向window； 假如说要传参，构造函数名.call("a","b",“c”)，它的第一个参数传到的是this；apply类似，但是与之不同的是，要书写成： 构造函数名.apply("a",["b"，"c"])的形式，这就是差别；
// 一个对象可以作为call和apply的第一个参数，并且this会被绑定到这个对象。
var obj = {name: 'bob'};
// 这个属性是在global对象定义的。
var name = 'jac';
function foo() {
console.log(this.name) // this的值取决于函数的调用方式
}
foo(); // 'jac'
foo.call(obj); // 'bob'
foo.apply(obj); // 'bob'
闭包中的this指向的是什么？这个情况过于复杂，有空的深究一下。
感谢大家观看
BY : 陈皓宇 鸣谢 : 杨亚洲师兄