箭头函数的this指向

最新推荐文章于 2025-10-09 20:30:10 发布

原创最新推荐文章于 2025-10-09 20:30:10 发布 · 356 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

JavaScript 专栏收录该内容

17 篇文章

订阅专栏

本文详细探讨了JavaScript中箭头函数的this指向特性，指出箭头函数不具有自己的this，其this值继承自外层作用域。文中通过实例展示了箭头函数在默认绑定、显示绑定和隐式绑定规则下的表现，强调这些规则对箭头函数无效。同时，提到了箭头函数不能用作构造函数，以及在不同环境下的this指向，如全局环境中的this通常指向window。

箭头函数的内部石没有this指向的，箭头函数的this指向是由外层函数的作用域来决定的。

var test=()=>{
    console.log(this);
}
test();

默认绑定规则--独立调用对箭头函数无效

var a=0;
function foo(){
    console.log(this);
    
    var test=()=>{
        console.log(this);
    }
    return test;
}

var obj1={
    a:1,
    foo:foo
}

var obj2={
    a:1,
    foo:foo
}

obj1.foo()();//独立调用，按道理是指向window的，但是是箭头函数，无法改变箭头函数的this指向

显示绑定规则对箭头函数无效

 //一般函数此时的this指向为obj2;
var bar=foo().call(obj2);//window

隐私绑定规则对箭头函数无效

var obj3={
    a:1,
    foo:()=>{
        console.log(this);
    }
}

obj3.foo();//隐式绑定

箭头函数是不允许作为构造函数来使用的，new不能实例化箭头函数，如果用作构造函数来使用就会报错。

var foo=()=>{
    console.log(this);
}
foo();//window
new foo();

只要是箭头函数，适用于普通函数的所有绑定规则对于箭头函数都不适用。箭头函数的this指向取决于父环境中的this指向（即箭头函数不存在this指向）

如果箭头函数在全局当中，那么this指向一定是window。

箭头函数的this指向

JavaScript中this的指向_q12as的博客-优快云博客

JavaScript中this的四种绑定规则的优先级_q12as的博客-优快云博客