没有类对象的 JavaScript?——探究 JavaScript 中的对象

阅读时长 4 分钟读完

JavaScript 是一种十分流行的编程语言,被广泛应用于 Web 前端开发中。尽管 JavaScript 是一种弱类型语言,但其具有面向对象的特性,并且提供了许多内置对象和方法,可以帮助开发者进行面向对象编程。然而,与其他编程语言不同的是,在 JavaScript 中并没有类对象的概念。那么,我们该如何在 JavaScript 中创建类似于其他编程语言中的类对象呢?

JavaScript 中的对象

在 JavaScript 中,对象是一组属性的集合。每个属性都由名称和值组成。对象的属性值可以是函数,这些函数称为“方法”;否则,它们就是“属性”。下面是一个简单的 JavaScript 对象的示例:

在上面的代码中,我们创建了一个名为 person 的对象,该对象包含名字、年龄和一个 sayHello 方法。我们可以通过以下方式访问 person 对象的属性和方法:

创建对象的方式

在 JavaScript 中,有多种创建对象的方式。下面是其中的一些方式:

字面量方式

可以使用字面量方式直接创建一个 JavaScript 对象。

构造函数方式

可以使用构造函数方式创建一个 JavaScript 对象。

-- -------------------- ---- -------
-------- ------------ ---- -
  --------- - -----
  -------- - ----
  ------------- - ---------- -
    ------------------- - -----------
  --
-

----- ------ - --- ------------ ----

在上面的代码中,我们定义了一个名为 Person 的构造函数,并且在构造函数中设置了对象的属性和方法。然后,我们使用 new 运算符创建了一个名为 person 的对象。

Object.create() 方法

可以使用 Object.create() 方法创建一个 JavaScript 对象。

-- -------------------- ---- -------
----- ------ - ----------------- -
  ----- - ------ ----- --------- ----- ----------- ---- --
  ---- - ------ --- --------- ----- ----------- ---- --
  --------- -
    ------ ---------- -
      ------------------- - -----------
    --
    --------- -----
    ----------- ----
  -
---

在上面的代码中,我们使用 Object.create() 方法创建了一个名为 person 的对象,并且通过第二个参数传递了对象的属性和方法。

原型和原型链

在 JavaScript 中,每个对象都有一个内部链接到另一个对象的“原型”。当访问一个对象的属性或方法时,如果该对象本身没有该属性或方法,则会查找该对象的原型链上是否存在该属性或方法。

例如,在上面的 Person 构造函数中,我们为 person 对象设置了 sayHello 方法。然而,在创建 Person 对象时,我们并没有为其设置 sayGoodbye 方法。下面的代码尝试调用 person.sayGoodbye() 方法:

由于 person 对象本身没有 sayGoodbye 方法,因此 JavaScript 沿着 person 对象的原型链(即 Person.prototype)寻找该方法。如果在 Person.prototype 中也找不到该方法,则会继续向上查找,直

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/26244

纠错
反馈