this指向注意点

最新推荐文章于 2023-06-05 15:08:13 发布

原创最新推荐文章于 2023-06-05 15:08:13 发布 · 373 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#javascript #js

收录于

js 同时被 2 个专栏收录

23 篇文章

订阅专栏

js基础

15 篇文章

订阅专栏

本文通过三个实例详细解析了JavaScript中this关键字的指向规则，展示了在不同上下文中this如何指向调用它的对象，以及在全局、函数和构造函数中的行为。

下面的两段代码完美的说明了this指向,谁调用指向谁

var length=10;
function fn() {
    console.log(this.length)
}

var obj={
    length:11,
    arr:[fn,'222','222','111'],
    q:function () {//这里是this.arr也就是arr这个数组调用,所以返回了数组长度
        return this.arr[0]()
    }
};

obj.q()//4

var length=10;
function fn() {
    console.log(this.length)
}
var obj={
    length : 5,
    method: function(fn1){
        arguments[0]()
        //这里的arguments是传递给函数的参数的类数组对象,因为传了fn和123,所以
        //最后返回2
    }
}
obj.method(fn,123)//2

var length=10;
function fn() {
    console.log(this.length)
}
var obj={
    length : 5,
    method:function () {
        fn()
    }
}
obj.method()//10
//这里之所以返回10,是因为虽然是obj.method调用,但是调用后,只是执行了method方法,
//让fn开始执行,fn执行时根据作用域链找到最上面的fn方法,而这时的this就指向window