JavaScript中的this指向

原文地址

JavaScript中的this指向:

  1. this永远指向一个对象;
  2. this的指向完全取决于函数调用的位置;

在JavaScript语言之中,一切皆对象,运行环境也是对象,所以函数都是在某个对象下运行,而this就是函数运行时所在的对象(环境)。哪个对象调用函数,函数里面的this指向哪个对象。

function fun(){
    console.log(this.s);
}
​
var obj = {
    s:'1',
    f:fun
}
​
var s = '2';
​
obj.f(); //1
fun(); //2

obj.f()的调用中,因为运行环境在obj对象内,因此函数中的this指向对象obj;
而在全局作用域下调用 fun() ,函数中的 this 就会指向全局作用域对象window;

this的指向为什么会发生改变,this指向的改变到底是什么时候发生的?
JavaScript中的this指向
调用时:
JavaScript中的this指向

var A = {
    name: '张三',
    f: function () {
        console.log('姓名:' + this.name);
    }
};
​
var B = {
    name: '李四'
};
​
B.f = A.f;
B.f()   // 姓名:李四
A.f()   // 姓名:张三

上面代码中,A.f属性被赋给B.f,也就是A对象将匿名函数的 地址 赋值给B对象;那么在调用时,函数分别根据运行环境的不同,指向对象A和B

JavaScript中的this指向

function foo() {
    console.log(this.a);
}
var obj2 = {
    a: 2,
    fn: foo
};
var obj1 = {
    a: 1,
    o1: obj2
};
obj1.o1.fn(); // 2

obj1对象的o1属性值是obj2对象的地址,而obj2对象的fn属性的值是函数foo的地址;
函数foo的调用环境是在obj2中的,因此this指向对象obj2;

原文地址

上一篇:11.26


下一篇:InetAddress and InetSocketAddress