JavaScript进阶第二天笔记

最新推荐文章于 2025-07-26 13:24:59 发布

卡皮巴拉

最新推荐文章于 2025-07-26 13:24:59 发布

阅读量360

点赞数 2

CC 4.0 BY-SA版权

分类专栏： JavaScript学习文章标签： javascript 笔记开发语言前端 ecmascript 学习

本文链接：https://blog.youkuaiyun.com/upgrade_bro/article/details/134044375

本文介绍了JavaScript面向对象编程的基础概念，包括构造函数的使用、实例化、实例成员与静态成员的区别，以及内置构造函数如Object和Array的运用，还涵盖了包装类型如String和Number的特性与方法。

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

在这里插入图片描述

JavaScript 进阶 - 第2天

了解面向对象编程的基础概念及构造函数的作用，体会 JavaScript 一切皆对象的语言特征，掌握常见的对象属性和方法的使用。

了解面向对象编程中的一般概念
能够基于构造函数创建对象
理解 JavaScript 中一切皆对象的语言特征
理解引用对象类型值存储的的特征
掌握包装类型对象常见方法的使用

深入对象

了解面向对象的基础概念，能够利用构造函数创建对象。

构造函数

构造函数是专门用于创建对象的函数，如果一个函数使用 new 关键字调用，那么这个函数就是构造函数。

<script>
  // 定义函数
  function foo() {
     
     
    console.log('通过 new 也能调用函数...');
  }
  // 调用函数
  new foo;
</script>

总结：

使用 new 关键字调用函数的行为被称为实例化
实例化构造函数时没有参数时可以省略 ()
构造函数的返回值即为新创建的对象
构造函数内部的 return 返回的值无效！

注：实践中为了从视觉上区分构造函数和普通函数，习惯将构造函数的首字母大写。

实例成员

通过构造函数创建的对象称为实例对象，实例对象中的属性和方法称为实例成员。

<script>
  // 构造函数
  function Person() {
     
     
    // 构造函数内部的 this 就是实例对象
    // 实例对象中动态添加属性
    this.name = '小明'
    // 实例对象动态添加方法
    this.sayHi = function () {
     
     
      console.log('大家好~')
    }
  }
  // 实例化，p1 是实例对象
  // p1 实际就是 构造函数内部的 this
  const p1 = new Person()
  console.log(p1