JavaScript-使用和不使用new关键字的区别

最新推荐文章于 2023-07-13 11:20:51 发布

小爱丨同学

最新推荐文章于 2023-07-13 11:20:51 发布

阅读量1.3k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：学习文章标签： javascript

本文链接：https://blog.csdn.net/qq_44165263/article/details/119066234

学习专栏收录该内容

18 篇文章

订阅专栏

本文解析了JavaScript中使用new关键字创建对象的过程，并通过实例演示了使用new与普通函数调用的区别。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

使用new关键字是利用构造函数去创建一个对象，不使用new关键字就是一次普通的函数调用。
注：使用new关键字创建对象的内部过程：
1. 创建一个新的对象
2. 将新建对象设置为函数中的this
3. 执行函数中的代码
4. 将新建的对象作为返回值返回

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>
  <script>
    function Person(age) {
      this.age = age;
      console.log(this)
      return age;
    }

    let p1 = new Person(18);
    let p2 = Person(20);
    console.log(p1, p2);
  </script>
</body>
</html>