JavaScript中this在不同场景所代表的主体

刺骨的言语ヽ痛彻心扉 2023-10-08 12:48 46阅读 0赞

1.首先this是什么?  
任何函数本质上都是通过某个对象调用的，如果没有直接指定就是window  
所有函数内部都有一个变量this  
它的值是调用函数的当前对象

2.在不同场景this代表什么,即如何确定this的值?  
test(): window  
p.test(): p  
new test(): 新建的对象  
p.call(obj): obj

以下通过代码来体现出this在不同场景所代表的主体：

<!DOCTYPE html>
    <html lang="en">
    <head>
      <meta charset="UTF-8">
      <title>07_函数中的this</title>
    </head>
    <body>
    
    
    <script type="text/javascript">
    
        function Person(color){
         
            console.log(this);
            this.color = color;
            this.getColor = function(){
         
                console.log(this);
                return this.color;
            };
            this.setColor = function(color){
         
                console.log(this);
                this.color = color;
            };
        }
    
        Person("red");  //this是谁？  window
      
        var p = new Person("yello");  // this是谁？  p
    
        p.getColor(); //this是谁？  p
    
        var obj = {
         };
        p.setColor.call(obj,"black"); //this是谁？  obj
        
        var test = p.setColor;
        test("tomato"); //this是谁？  window
    
        function fun1(){
         
            function fun2(){
         
              console.log(this);
            }
            fun2();  //this是谁？  window
        }
        fun1();
    </script>
    </body>
    </html>

发表评论取消回复

表情：

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

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

相关阅读

相关 JavaScript中this在不同场景所代表的主体

1.首先this是什么? 任何函数本质上都是通过某个对象调用的，如果没有直接指定就是window 所有函数内部都有一个变量this 它的值是调用函数的当前对象 2

刺骨的言语ヽ痛彻心扉/ 2023年10月08日 12:48/ 0 赞/ 47 阅读

相关 JavaScript 中的 this

JavaScript 中的this关键字通常是该语言初学者的困惑之源。这种混淆部分源于这样一个事实，即JavaScript 中的this与其他语言（如 Java 或 Pytho

雨点打透心脏的1/2处/ 2023年09月29日 15:33/ 0 赞/ 135 阅读

相关流程图中各种图形所代表的含义

1，开始形状/结束形状，“跑道圆”形状代表开始或者结束 ![在这里插入图片描述][20181213131413136.png]![在这里插入图片描述][20181213131

心已赠人/ 2023年06月23日 14:22/ 0 赞/ 103 阅读

相关 linux中文件的权限的参数，以及所代表以及所代表的的含义

-rw------- (600) 只有拥有者有读写权限。 -rw-r--r-- (644) 只有拥有者有读写权限；而属组用户和其他用户只有读

小咪咪/ 2023年03月01日 13:47/ 0 赞/ 16 阅读

相关 JavaScript 中的 this 究竟指向谁，箭头函数的 this 有什么不同

1、普通函数先说说普通函数中的this，各式各样的情况下判断this的指向，可以说是非常刁钻了。判断的时候，只要记住【 this 永远指向调用它的对象，new的时候，指向n

痛定思痛。/ 2022年05月25日 23:19/ 0 赞/ 287 阅读

相关 JavaScript中的this

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

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

相关 JavaScript中的this

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

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

相关 JavaScript中的this

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

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

相关 JavaScript 中的 this

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

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

相关 bootstrap 样式所代表的含义

col-lg一般用于大屏设备， (min-width:1200px); col-md一般用于中屏设备， (min-width：992px); col-sm一般用于小

你的名字/ 2021年10月08日 06:56/ 0 赞/ 403 阅读