js函数中的this

最新推荐文章于 2023-02-09 12:54:59 发布

一溢孤行

最新推荐文章于 2023-02-09 12:54:59 发布

阅读量668

点赞数

分类专栏： JavaScript高级文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/weixin_40496794/article/details/122335150

版权

JavaScript高级专栏收录该内容

7 篇文章 1 订阅

订阅专栏

1.this是什么？

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

2.如何确定this的值？

test(): window
p.test(): p
new test(): 新创建的对象
p.call(obj): obj

例子

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>函数中的this</title>
</head>

<body>
  <script>
    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("yellow") // 这里的this又是谁？ p(Person的实例)
    p.getColor(); // 这里的this是？p(Person的实例)

    var obj = {}
    p.setColor.call(obj, "black"); // 这里的this是？obj

    var test = p.setColor;
    test() // 这里的this是？ window

    function fun1() {
      function fun2() {
        console.log(this);
      }

      fun2() // 这里的this是？window
    }

    fun1()
  </script>
</body>

</html>

一溢孤行

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
js函数中的this

1.this是什么？任何函数本质上都是通过某个对象来调用的，如果没有指定就是window所有函数内部都有一个变量this它的值是调用函数的当前对象2.如何确定this的值？test(): windowp.test(): pnew test(): 新创建的对象p.call(obj): obj例子<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> &lt
复制链接

扫一扫