JavaScript this全解析

​​JavaScript​​​中的​​this​​只有如下几种情况，并按他们的优先级从低到高划分如下：

独立函数调用，例如 ​​getUserInfo()​​​，此时 ​​​this​​​指向全局对象 ​​​window​​

对象调用，例如 ​​stu.getStudentName()​​​，此时 ​​​this​​​指向调用的对象 ​​​stu​​

​​call()​​​、 ​​​apply()​​​和 ​​​bind()​​​改变上下文的方法， ​​​this​​​指向取决于这些方法的第一个参数，当第一个参数为 ​​​null​​​时， ​​​this​​​指向全局对象 ​​​window​​

箭头函数没有 ​​this​​​，箭头函数里面的 ​​​this​​​只取决于包裹箭头函数的第一个普通函数的 ​​​this​​

​​new​​​构造函数调用， ​​​this​​永远指向构造函数返回的实例上，优先级最高。

var name = 'global name';
var foo = function() {
  console.log(this.name);
}
var Person = function(name) {
  this.name = name;
}
Person.prototype.getName = function() {
  console.log(this.name);
}
var obj = {
  name: 'obj name',
  foo: foo
}
var obj1 = {
  name: 'obj1 name'
}

// 独立函数调用，输出：global name
foo();
// 对象调用，输出：obj name
obj.foo();
// apply()，输出：obj1 name
obj.foo.apply(obj1);
// new 构造函数调用，输出：p1 name
var p1 = new Person('p1 name');
p1.getName();

this解析流程图