JavaScript中的this指向

本文主要是介绍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指向的改变到底是什么时候发生的?

调用时：

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

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;

原文地址

这篇关于JavaScript中的this指向的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！