JavaScript 对象方法

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

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

一）对象方法的定义

let person = {
  name: "Alice",
  age: 25,
  greet: function() {
    console.log("Hello, my name is " + this.name);
  }
};

在这个例子中：

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

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

调用方法：

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

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

let person = {
    firstName: 'John',
    lastName: 'Doe'
};

person.greet = function () {
    console.log('Hello!');
}

person.greet();

输出：

Hello!

在此示例中：

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

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

let person = {
    firstName: 'John',
    lastName: 'Doe'
};

function greet() {
    console.log('Hello, World!');
}

person.greet = greet;

person.greet();

在此示例中：

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

二）对象方法简写

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

let person = {
    firstName: 'John',
    lastName: 'Doe',
    greet: function () {
        console.log('Hello, World!');
    }
};

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

let person = {
    firstName: 'John',
    lastName: 'Doe',
    greet() {
        console.log('Hello, World!');
    }
};

person.greet();

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

三）this 值

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

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

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

this.propertyName

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

let person = {
    firstName: 'John',
    lastName: 'Doe',
    greet: function () {
        console.log('Hello, World!');
    },
    getFullName: function () {
        return this.firstName + ' ' + this.lastName;
    }
};

console.log(person.getFullName());

输出：

John Doe

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

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

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

1、封装对象行为

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

let user = {
  name: "Alice",
  greet() {
    console.log("Hello, I'm " + this.name);
  }
};

user.greet(); // 输出: Hello, I'm Alice

2、访问或操作对象属性

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

let counter = {
  count: 0,
  increment() {
    this.count++;
  }
};

counter.increment();
console.log(counter.count); // 输出: 1

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

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

class Person {
  constructor(name) {
    this.name = name;
  }
  sayHi() {
    console.log(`Hi, I'm ${this.name}`);
  }
}

let p = new Person("Bob");
p.sayHi(); // 输出: Hi, I'm Bob

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

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

let button = {
  label: "Click me",
  onClick() {
    console.log("Button clicked!");
  }
};

// 模拟事件触发
button.onClick();

---

5、组合逻辑行为

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

let calculator = {
  a: 5,
  b: 3,
  add() {
    return this.a + this.b;
  },
  multiply() {
    return this.a * this.b;
  }
};

console.log(calculator.add());      // 输出: 8
console.log(calculator.multiply()); // 输出: 15

小结表格

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

 

五、内置对象方法示例

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

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

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

let str = "hello";
let result = str.toUpperCase();
console.log(result); // 输出: "HELLO"

2. 数组对象 Array：push()

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

let arr = [1, 2, 3];
arr.push(4);
console.log(arr); // 输出: [1, 2, 3, 4]

3. 日期对象 Date：getFullYear()

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

let today = new Date();
let year = today.getFullYear();
console.log(year); // 输出: 当前年份，例如 2025

4. Math 对象：Math.random()

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

let rand = Math.random();
console.log(rand); // 输出: 例如 0.72438502（每次不同）

5. Number 对象：toFixed()

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

let num = 3.14159;
let fixed = num.toFixed(2);
console.log(fixed); // 输出: "3.14"

6. JSON 对象：JSON.stringify()

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

let obj = { name: "Alice", age: 25 };
let jsonStr = JSON.stringify(obj);
console.log(jsonStr); // 输出: '{"name":"Alice","age":25}'

六、小结

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