JavaScript函数基础（二）之this

「爱情、让人受尽委屈。」 2022-01-23 12:25 226阅读 0赞

1、this是什么？

> **任何函数本质上都是通过某个对象调用的，如果没有指定，this就是window  
> 所有函数内部都有一个变量是this，它的值是调用当前函数的对象**  
> [十分钟读懂 JavaScript 中的 this][JavaScript _ this]

2、如何确定this的值？

> test() ----》 window  
> p.test() ----》> p  
> new test() ----》-> 新创建的对象  
> p.call(obj) -----》-> obj

========================================================

<script>
            function Person(color) { 
                console.log("1、"+this);
                this.color=color;
                this.getColor=function () { 
                    console.log("2、"+this)
                    return this.color;
                };
                this.setColor=function(){ 
                    console.log("3、"+this)
                    this.color=color;
                };
            }
            Person("red");//this是谁? window
            //1、[object Window]
            var p=new Person("yellow");//this是谁？p
            //1、[object Object]
            p.getColor();//this是谁？p
            //2、[object Object]
            var obj = { };
            p.setColor.call(obj,"black");//this是谁？ obj
            //3、[object Object]
    
            var test=p.setColor();
            test();//this是谁？window
    
            function fn1() { 
                function fn2() { 
                    console.log(this);
                }
                fn2();//this是谁？ window
            }
            fn1();//this是谁？
    
    //
            var x = 2;
            function test1(){ 
                this.x = 1;
            }
            var o = new test1();
            alert(x); //2
        </script>

[JavaScript _ this]: https://zhuanlan.zhihu.com/p/26766112?utm_source=com.youdao.note&utm_medium=social&utm_oi=790892952141570048

发表评论取消回复

表情：

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

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

相关阅读

相关 python基础之函数（二）

函数 1.函数的返回值返回值就是函数执行以后返回的结果通过return来指定函数的返回值 return后面可以跟任意对象，返回值甚至可以是一个

绝地灬酷狼/ 2023年10月05日 15:00/ 0 赞/ 34 阅读

相关 javascript基础：修改this指针

题目封装函数 f，使 f 的 this 指向指定的对象。输入例子 bindThis(function(a, b) { return

﹏ヽ暗。殇╰゛Y/ 2022年09月27日 04:55/ 0 赞/ 183 阅读

相关 javascript基础复习之函数，定时器，erval函数

Function对象 JS中函数就是Function对象函数名就是指向Function对象的引用使用函数名就可以访问函数的对象函数名()是调用函数

Bertha 。/ 2022年09月26日 03:10/ 0 赞/ 213 阅读

相关 Javascript基础（三）之运算符、函数

1、运算符 1、位运算符作用：针对数字操作将数字先转换为二进制再进行运算操作二进制：由0,1组成,逢二进一十进制二进制 0 0

浅浅的花香味﹌/ 2022年07月11日 09:27/ 0 赞/ 221 阅读

相关 JavaScript基础系列之二函数

JavaScript基础系列之二函数函数我们知道圆的面积计算公式为： S = πr2 当我们知道半径`r`的值时，就可以根据公式计算出面积。假设我们需要

Myth丶恋晨/ 2022年06月09日 00:59/ 0 赞/ 266 阅读

相关 js基础1-深入理解javascript之this

感谢出处：http://blog.csdn.net/mevicky/article/details/46659273 备份下： [深入理解javas

旧城等待，/ 2022年06月06日 23:09/ 0 赞/ 233 阅读

相关 Javascript 基础篇二：javascript 的this理解

在理解javascript的this之前，首先先了解一下作用域。作用域分为两种： 1、词法作用域：引擎在当前作用域或者嵌套的子作用域查找具有名称标识符的变量。（引擎如何查

我不是女神ヾ/ 2022年02月21日 10:05/ 0 赞/ 263 阅读

相关 JavaScript函数基础（三）之回调函数

1、什么是回调函数你定义的你没有调但是最终执行了（某个时刻【定时器】或者某个条件下【按钮点击事件】） 2、常见的回调函数====

ゝ一纸荒年。/ 2022年01月23日 12:29/ 0 赞/ 282 阅读

相关 JavaScript函数基础（二）之this

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

「爱情、让人受尽委屈。」/ 2022年01月23日 12:25/ 0 赞/ 227 阅读

相关 JavaScript 精粹基础进阶(6)函数和作用域（函数、this）

转载请注明出处原文连接 [blog.huanghanlian.com/article/5b6…][blog.huanghanlian.com_article_5b6] 函

阳光穿透心脏的1/2处/ 2022年01月19日 03:57/ 0 赞/ 229 阅读