creeperyang
commented
8 years ago 2. this
this关键词是JavaScript中最令人疑惑的机制之一。this是非常特殊的关键词标识符，在每个函数的作用域中被自动创建，但它到底指向什么（对象），很多人弄不清。
当函数被调用，一个activation record（即 execution context）被创建。这个record包涵信息：函数在哪调用（call-stack），函数怎么调用的，参数等等。record的一个属性就是this，指向函数执行期间的this对象。
this不是author-time binding，而是 runtime binding。this的上下文基于函数调用的情况。和函数在哪定义无关，而和函数怎么调用有关。
2.1 this在具体情况下的分析
2.1.1 Global context
在全局上下文（任何函数以外），this指向全局对象。
console.log(this === window); // true2.1.2 Function context
在函数内部时，this由函数怎么调用来确定。
2.1.2.1 Simple call
简单调用，即独立函数调用。由于this没有通过call来指定，且this必须指向对象，那么默认就指向全局对象。
function f1(){
return this;
}
f1() === window; // global object在严格模式下，this保持进入execution context时被设置的值。如果没有设置，那么默认是undefined。它可以被设置为任意值（包括null/undefined/1等等基础值，不会被转换成对象）。
function f2(){
"use strict"; // see strict mode
return this;
}
f2() === undefined;2.1.2.2 Arrow functions
在箭头函数中，this由词法/静态作用域设置（set lexically）。它被设置为包含它的execution context的this，并且不再被调用方式影响（call/apply/bind）。
var globalObject = this;
var foo = (() => this);
console.log(foo() === globalObject); // true
// Call as a method of a object
var obj = {foo: foo};
console.log(obj.foo() === globalObject); // true
// Attempt to set this using call
console.log(foo.call(obj) === globalObject); // true
// Attempt to set this using bind
foo = foo.bind(obj);
console.log(foo() === globalObject); // true2.1.2.3 As an object method
当函数作为对象方法调用时，this指向该对象。
var o = {
prop: 37,
f: function() {
return this.prop;
}
};
console.log(o.f()); // logs 37this on the object's prototype chain
原型链上的方法根对象方法一样，作为对象方法调用时this指向该对象。
2.1.2.4 构造函数
在构造函数（函数用new调用）中，this指向要被constructed的新对象。
2.1.2.5 call和apply
Function.prototype上的call和apply可以指定函数运行时的this。
function add(c, d){
return this.a + this.b + c + d;
}
var o = {a:1, b:3};
add.call(o, 5, 7); // 1 + 3 + 5 + 7 = 16
add.apply(o, [10, 20]); // 1 + 3 + 10 + 20 = 34注意，当用call和apply而传进去作为this的不是对象时，将会调用内置的ToObject操作转换成对象。所以4将会装换成new Number(4)，而null/undefined由于无法转换成对象，全局对象将作为this。
2.1.2.6 bind
ES5引进了Function.prototype.bind。f.bind(someObject)会创建新的函数（函数体和作用域与原函数一致），但this被永久绑定到someObject，不论你怎么调用。
2.1.2.7 As a DOM event handler
this自动设置为触发事件的dom元素。
cdll
yernsun
For-me
Power-kxLee
keifergu
moahmn
oychao
lilywang711
liu3042
jackchoumine
leirt97
Hibop
HarryLit
hrpc
853210384
qyang-pp
这个issue试图阐述JavaScript这门语言的3个难点：声明提升、作用域（链）和
this。首先推荐https://github.com/getify/You-Dont-Know-JS，这是一本非常棒的JavaScript书籍，几乎所有的JS知识点都包括并且详细解释了。看一遍相信必有大收获。
1. 声明提升
大部分编程语言都是先声明变量再使用，但在JS中，事情有些不一样：
上面是合法的JS代码，正常输出
undefined而不是报错Uncaught ReferenceError: a is not defined。为什么？就是因为声明提升（hoisting）。1.1 变量声明
参考：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/var
语法：
变量名可以是任意合法标识符；值可以是任意合法表达式。
重点：
var声明的变量的作用域就是当前执行上下文（execution context），即某个函数，或者全局作用域（声明在函数外）。声明变量和未声明变量的区别：
在
es5 strict mode，赋值给未声明的变量将报错。1.2 定义函数（Defining functions）
定义一个函数有两种方式：函数声明（function definition/declaration/statement）和函数表达式（ function expression）。
1.2.1 function definition
语法：
function name(arguments) {}对参数而言，primitive parameter是传值，对象是传引用。
1.2.2 function expression
语法：
var fun = function (arguments) {}函数表达式中函数可以不需要名字，即匿名函数。
1.2.3 其它
还可以用
Function构造函数来创建函数。在函数内部引用函数本身有3种方式。比如
var foo = function bar(){};bar()arguments.callee()foo()1.3 声明提升
1.1提到，var声明的变量会在任意代码执行前处理，这意味着在任意地方声明变量都等同于在顶部声明——即声明提升。1.2特意强调了函数定义，因为声明提升中，需要综合考虑一般变量和函数。在JavaScript中，一个变量名进入作用域的方式有 4 种：
this和arguments两个变量名（global没有arguments）;function foo() {};var foo，包括函数表达式。函数声明和变量声明总是会被移动（即hoist）到它们所在的作用域的顶部（这对你是透明的）。
而变量的解析顺序（优先级），与变量进入作用域的4种方式的顺序一致。
一个详细的例子：