this的绑定:
1.默认绑定
独立函数调用。区分严格模式 严格模式下就是undefined,非严格模式下就是window
独立的函数调用我们可以理解成函数没有被绑定到某个对象上进行调用
2.隐式绑定
隐式绑定有一个前提条件:必须在调用的对象内部有一个对函数的引用(比如一个属性);
是通过某个对象进行调用
也就是它的调用位置中,是通过某个对象发起的函数调用。this指向这个对象
3.new绑定
也叫构造函数绑定,js中的函数可以当做一个类的构造函数来使用,
也就是使用new关键字
使用new关键字来调用函数是,会执行如下的操作:
1.创建一个全新的对象;
2.这个this就会指向创建的空对象
3.给这个空对象身上追加属性;
4.如果函数没有返回其他对象,表达式会返回这个新对象;
4.显示绑定
明确的绑定了this指向的对象,所以称之为 显式绑定
我们不希望在 对象内部 包含这个函数的引用,同时又希望在这个对象上进行强制调用
JavaScript所有的函数都可以使用call和apply方法:
函数名.apply(thisArg,[argsArray]);
函数名.call(thisArg,arg1,arg2,arg3,...);
我们希望一个函数总是显示的绑定到一个对象上
使用bind方法,bind() 方法创建一个新的绑定函数,也叫exotic function object(怪异函数对象)
函数名.bind(thisArg,arg1,arg2,arg3,...);
5.内置函数的绑定
有些时候,我们会调用一些JavaScript的内置函数,或者一些第三方库中的内置函数。
这些内置函数会要求我们传入另外一个函数;
我们自己并不会显示的调用这些函数,而且JavaScript内部或者第三方库内部会帮助我们执行
setTimeout、数组的forEach、div的点击 一般都是根据经验来做出结论
setTimeout中的this指向window。
forEach方法可以设置第二个参数 第二个参数就是设置this 不设置默认就是window 设置什么 this就是什么
总结:规则优先级
1.默认规则的优先级最低
2.显示绑定优先级高于隐式绑定
3.new绑定优先级高于隐式绑定
4.new绑定优先级高于bind (new绑定和call、apply是不允许同时使用的,所以不存在谁的优先级更高)
this规则之外:
忽略显示绑定:如果在显示绑定中,我们传入一个null或者undefined,那么这个显示绑定会被忽略,使用默认规则
间接函数引用:创建一个函数的 间接引用,这种情况使用默认绑定规则。