欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

this的那点事

程序员文章站 2022-05-07 08:18:49
...

this的那点事


对于很多初学者,this总是搞得我们晕头转向。

现在,我就简单的总结一下关于this的那点事。

this在函数定义时经常是不能确定的,只有在函数执行的时候才能最终确定this的归属。this总是指向最后调用它的对象,那么怎么知道到底是谁调用的呢?其实很简单,我们知道函数调用的其中一种方法就是利用call.下面就来简单的分析一下怎么利用call来判断调用函数的对象到底是何方神圣。

先来看看call是怎么来使用的:

fun.call(thisArg, arg1, arg2, ...)

thisArg:在fun函数运行时指定的this值。需要注意的是,指定的this值并不一定是该函数执行时真正的this值,如果这个函数处于非严格模式下,则指定为null和undefined的this值会自动指向全局对象(浏览器中就是window对象),同时值为原始值(数字,字符串,布尔值)的this会指向该原始值的自动包装对象。

arg1, arg2, …:指定的参数列表。

知道了call的用法,就可以开始this的分析之旅了。

例子1:

function test() {
    var name = 'test';
    console.log(this.name); //undefined
}
test();

test() 等价于 test.call(undefined) ,这时的thisArg为undefined,所以this指向全局对象(浏览器中为window对象),所以this.name为undefined。

例子2:

var obj = {
     name: 'tang',
    func: function () {
        var name = 'func';
         console.log(this.name);
     }
 };
 var test1 = obj.func();//tang
 var test2 = obj.func;
 obj.func(); //tang
 test2(); //undefined

第8行 test1=obj.func(),赋值时执行函数,obj.func()等价于obj.func.call(obj),thisArg为obj,this指向obj,this.name为tang;

第10行obj.func() 等价于 obj.func.call(obj) ,这时的thisArg为obj,即this指向obj,所以this.name即为tang;

第11行test2()等价于test2.call(undefined),所以this指向全局对象(浏览器中是window);

第8行和第9行的区别在于赋值的时候有没有运行函数,第8行赋值的就运行函数,所以this指向obj,而第9行赋值时没有运行函数,只是把函数赋值给test2,所以this的指向还得等调用函数时才能确定,在第11行调用函数时才能确定。

相关标签: javascript