javascript中this的绑定规则与绑定优先级

• 不像常见的面向对象编程的语言中的this通常只出现在类的方法中，javascript的this十分灵活。
• 在全局作用域下，在浏览器中运行的js的this指向window，在node中运行的js指向全局对象Global（在之前的版本中node全局中的this指向空对象{}）
• 一般在函数中使用this，而不在全局作用域中使用：
  1. 函数调用时，js会给this绑定一个值，即this是在运行时被绑定的；
  2. this的绑定和调用函数的方式、位置有关，而与定义该函数的位置无关。

this的四种绑定规则（非箭头函数）

1. 默认绑定

调用方法：独立函数调用时，函数中的this指向全局对象window
eg1:

var message = 'hello world'
function foo1() {
	console.log(this.message)
	}
foo1() //'hello world'

eg2:

var message = 'hello world'
var obj = {
			message = 'hello javascript',
			foo2() {
				console.log(this.message)
			}
   		}
var bar = obj.foo2
obj.foo2() //'hello javascript'
bar()  //'hello world'

2.隐式绑定

调用方法：通过某个对象发起的函数调用，其中需满足的前提：

• 调用的对象内部有该函数的定义，或者对函数的引用

eg：上例的foo2调用

3. 显式绑定

调用方法：使用js所有函数都可以使用的apply和call方法，两者均将this绑定在传入的第一个参数上。

• 两者区别在于：传入函数参数的方式不同，一个为列表挨个传，一个为数组。
  foo.call( obj, arg1,arg2,arg3 )
  foo.apply( obj, [arg1, arg2, arg3] )
• bind也属于显式绑定。

4. new 关键字绑定

调用方式：使用new关键字调用函数时（一般是构造函数）。

• new操作符做了什么：
  1. 创建一个空对象
  2. 将空对象赋值给this
  3. 执行函数体中的代码
  4. 将对象返回（默认）

第二步即使用new关键字绑定的this

this绑定的优先级

new绑定 > 显式绑定（bind）> 隐式绑定 > 默认绑定

其他规则

• 严格模式下，独立调用函数的this不再绑定window，而是undefined；

 "use strict";
 function foo() {
        console.log(this);
      }
 foo(); // undefined
 

• 使用apply、call给函数显式绑定null或undefined时，显示绑定被忽略，仍为原来的this绑定（默认或隐式）
• 箭头函数不绑定this（也不绑定arguments属性），箭头函数中的this指向该箭头函数的上层函数作用域的this