this指向注意点

  • Post author:
  • Post category:其他


下面的两段代码完美的说明了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



版权声明:本文为chenxiang0708原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。