如何正确判断 this?箭头函数的 this 是什么?
function foo() { console.log(this.a) } var a = 1 foo()//对于直接调用 foo 来说,不管 foo 函数被放在了什么地方,this 一定是 window const obj = { a: 2, foo: foo } obj.foo()//对于 obj.foo() 来说,谁调用了函数,谁就是 this, foo 函数中的 this 就是 obj 对象 const c = new foo()//对于 new 的方式来说,this 被永远绑定在了 c 上面,不会被任何方式改变 this。
箭头函数其实是没有 this 的,箭头函数中的 this 只取决包裹箭头函数的第一个普通函数的 this。另外对箭头函数使用 bind 这类函数是无效的。
对一个函数进行多次bind,this 永远由第一次 bind 决定,这里是window.
// fn.bind().bind(a) 等于
let fn2 = function fn1() {
return function() {
return fn.apply()
}.apply(a)
}
fn2()
let fn2 = function fn1() {
return function() {
return fn.apply()
}.apply(a)
}
fn2()
多个规则同时出现的情况,这时候不同的规则之间会根据优先级最高的来决定 this 最终指向哪里。
箭头函数的 this 一旦被绑定,就不会再被任何方式所改变。
优先级别:
(new>bind>obj.foo()>foo直接调用)
var obj={ fn:function(){ setTimeout(function(){//setTimeout是全局函数 console.log(this); }); } } obj.fn();//window