JavaScript 对象方法

在 JavaScript 中，对象方法（Object Methods）是对象的属性中保存的函数。这些函数可以通过对象来调用，通常用于描述对象可以执行的动作或行为。

Object对象是由键/值对或属性组成的集合。当属性的值是函数时，该属性就成为方法。通常，您使用方法来描述对象的行为。

一）对象方法的定义

在这个例子中：

• greet 是 person 对象的一个方法。

• this 关键字指的是当前的对象 person。

调用方法：

person.greet(); // 输出: Hello, my name is Alice

再例如，以下代码为 person 对象添加了 greet 方法：

输出：

在此示例中：

• 首先，使用函数表达式定义一个函数，并将其赋值给 person 对象的 greet 属性。
• 然后，调用 greet() 方法。

除了使用函数表达式，您还可以像这样定义一个函数并将其赋值给对象：

在此示例中：

• 首先，定义一个常规的 greet() 函数。
• 其次，将函数名赋值给 person 对象的 greet 属性。
• 第三，调用 greet() 方法。

二）对象方法简写

JavaScript 允许您使用对象字面量语法定义对象的方法，如下例所示：

ES6 提供了简洁的方法语法，使您可以为对象定义方法：

这种语法看起来更简洁，冗余更少。

三）this 值

在 JavaScript 中，this 是一个动态上下文引用，它的值取决于函数被调用的方式。理解 this 的值是掌握 JavaScript 中对象和函数的重要基础。

通常，方法需要访问对象的其他属性。例如，您可能希望定义一个方法，通过连接名字和姓氏来返回 person 对象的全名。

在方法内部，this 值引用调用该方法的对象。因此，您可以使用 this 值访问属性，如下所示：

以下示例在 getFullName() 方法中使用了 this 值：

输出：

有关 this 值的更多信息，请参阅本教程。

四）对象方法常见用途 （这节初学者可以暂时不学）

JavaScript 中对象方法的常见用途主要围绕定义和执行与对象相关的行为。它们是构建模块化、可复用代码的核心手段。以下是对象方法的几种常见用途：

1、封装对象行为

对象方法可以定义该对象的操作行为，使数据和逻辑绑定在一起。

2、访问或操作对象属性

方法内部使用 this 访问或修改对象的属性。

3、作为类的方法（构造函数或 class）

在构造函数或 ES6 class 中定义方法，用于创建和操作对象实例。

4、响应事件（如在浏览器中）

在 Web 页面中，对象方法常作为事件处理函数使用。

---

5、组合逻辑行为

对象方法可以互相调用，实现更复杂的行为组合。

小结表格

用途类别	描述
封装行为	把行为写入对象，提高模块化
属性操作	通过 this 访问或修改属性
类中定义行为	用于构造函数或 class 的方法定义
事件响应	作为按钮、表单等事件的处理函数
组合逻辑	多个方法协同处理业务逻辑

 

五、内置对象方法示例

以下是 JavaScript 中 6 个常见内置对象方法示例，每个都来自不同的内置对象类型：

1. 字符串对象 String：toUpperCase()

将字符串转换为大写形式。

2. 数组对象 Array：push()

向数组末尾添加一个或多个元素。

3. 日期对象 Date：getFullYear()

返回日期对象所表示的年份。

4. Math 对象：Math.random()

返回一个 0 到 1 之间的伪随机数（不包括 1）。

5. Number 对象：toFixed()

将数字格式化为固定小数位数的字符串。

6. JSON 对象：JSON.stringify()

将 JavaScript 对象转换为 JSON 字符串。

六、小结

当函数是对象的属性时，它就成为方法。