this绑定四个规则
zhongxia 2016-07-22 10:02:32
出处: you dont konw js 第三书
- 函数是否在 new 中调用(nwe绑定)? 如果是的话, this 绑定的是新创建的对象.
var bar = new foo();
- 函数是否通过 call,apply (显示绑定) 或者硬绑定调用? 如果是的话, this绑定的是指定的对象
var bar = foo.call(obj,1,2,3); //this 指向 obj
var bar = foo.apply(obj,[1,2,3]) //this 指向 obj
call 和 apply 的区别是参数的区别, 传参的方式不一样, call 多个参数逗号隔开, apply 参数, 用数组包起来
- 函数是否在某个上下文对象中调用(隐式绑定)? 是的话, this绑定的是上下文那个对象
var bar = obj1.foo(); //this 指向 obj1
- 如果都不是的话, 使用默认绑定. 如果在严格模式下, this 就绑定到 undefined, 否则绑定到全局对象 window
var bar = foo(); // this指向 undefined 或者 window
对于正常的函数调用来说, 理解了这些只是, 你就可以明白 this 的绑定原理了. 但是凡事总有例外.
[待补充]