JavaScript中的this

r囧r小猫 2022-05-20 07:04 207阅读 0赞

this的指向在函数定义的时候是确定不了的，**只有函数执行的时候才能确定this到底指向谁**，实际上this的最终指向的是那个调用它的对象

**1.**

function fn () {
        const a = 10;
        console.log(this.a);  //undefined
    }
    fn();

这里的this指向的是window

**2.**

var obj = {
        a:10,
        fn:function () {
            console.log(this.a);  //10
        }
    }
    obj.fn();

这里的this指向的是obj

** 3.**

var obj1 = {
        a:10,
        b:{
            a:12,
            fn:function () {
                console.log(this.a); //undefined
                console.log(this); //window
            }
        }
    }
    var obj2 = obj1.b.fn;
    obj2();

这里相当于把fn的内存地址赋给obj2，然后直接执行fn()，所以this还是指向window

**立即执行函数：**

立即执行函数的this永远指向window

**构造函数：**

构造函数的this指向实例对象

function Fn(){
        this.a = 10;
    }
    var fn = new Fn();
    console.log(fn.a); //10

这里this就是指向fn

**return：**

如果返回值是一个对象，那么this指向的就是那个返回的对象，如果返回值不是一个对象那么this还是指向函数的实例

function Fn()  
    {  
        this.a = 10;  
        return {};  
    }
    var obj = new Fn;  
    console.log(obj.a); //undefined

function Fn()  
    {  
        this.a = 10;  
        return undefined;
    }
    var obj = new Fn;  
    console.log(obj.a); //10

发表评论取消回复

表情：

评论列表（有 0 条评论，207人围观）

还没有评论，来说两句吧...

相关阅读

相关 Javascript 中神奇的 this

Javascript 当中的 this 与其他语言是完全不同的机制，很有可能会让一些编写其他语言的工程师迷惑。 1. 误以为 this 指向函数自身根据 this 的

缺乏、安全感/ 2022年09月23日 15:56/ 0 赞/ 147 阅读

相关 javascript中this

下面都是个人理解以及查找的网上的资料,如有不对的地方请指正 This this 始终指向调用它的对象 ,都没有对象调用时就指向window 另外就是this一般都

た入场券/ 2022年08月22日 06:26/ 0 赞/ 176 阅读

相关 JavaScript 语言中的 this

Java 语言中的 this 在 Java 中定义类经常会使用 this 关键字，多数情况下是为了避免命名冲突，比如在下面例子的中，定义一个 Point 类，很自然的，大

Bertha 。/ 2022年07月14日 00:41/ 0 赞/ 181 阅读

相关 JavaScript 中 this 的详解

this 的指向 this 是 js 中定义的关键字，它自动定义于每一个函数域内，但是它的指向却让人很迷惑。在实际应用中，this 的指向大致可以分为以下四种情况。原

缺乏、安全感/ 2022年06月17日 13:24/ 0 赞/ 153 阅读

相关 JavaScript中的this

this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，实际上this的最终指向的是那个调用它的对象 1. function fn

r囧r小猫/ 2022年05月20日 07:04/ 0 赞/ 208 阅读

相关 JavaScript中的this

this（上下文对象） \- 我们每次调用函数时，解析器都会将一个上下文对象作为隐含的参数传递进函数。使用this来引用上下文对象，根据函数的调用形式不同，this的

短命女/ 2022年05月18日 04:24/ 0 赞/ 208 阅读

相关 javascript中this的总结

this是js的一个关键字，随着函数使用场合不同，this的值会发生变化。但是总有一个原则，那就是this指的是调用函数的那个对象。 1、纯粹函数调用。 funct

柔情只为你懂/ 2022年05月16日 04:54/ 0 赞/ 175 阅读

相关 JavaScript中的this

> 小编推荐：[Fundebug][]专注于JavaScript、微信小程序、微信小游戏，Node.js和Java实时BUG监控。真的是一个很好用的bug监控费服务，众多大佬公

待我称王封你为后i/ 2022年04月10日 02:59/ 0 赞/ 244 阅读

相关 JavaScript 中的 this

[为什么80%的码农都做不了架构师？>>> ][80_] ![hot3.png][] [查][Link 1][看原文][Link 2] Yehuda Katz 强调了函数调

刺骨的言语ヽ痛彻心扉/ 2022年01月17日 12:06/ 0 赞/ 249 阅读

相关 javaScript中this的指向

简单笔记： this永远指向调用它的对象，在严格模式下没有调用对象会指向undefined，非严格模式下指向全局变量（浏览器指向window，nodejs指向g

灰太狼/ 2021年09月22日 09:18/ 0 赞/ 344 阅读