Javascript 对象方法

概述: 在本教程中，您将了解 JavaScript 对象方法以及如何为对象定义方法。

JavaScript 对象方法简介

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

例如，以下代码将 greet 方法添加到 person 对象

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

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

person.greet();Code language: JavaScript (javascript)

输出

Hello!

在本例中

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

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

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

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

person.greet = greet;

person.greet();Code language: JavaScript (javascript)

在本例中

• 首先，将 greet() 函数定义为一个普通函数。
• 其次，将函数名分配给 person 对象的 greet 属性。
• 第三，调用 greet() 方法。

对象方法简写

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

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

ES6 为您提供了 简洁的方法语法，允许您为对象定义方法

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

person.greet();Code language: JavaScript (javascript)

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

this 值

通常，方法需要访问对象的其他属性。

例如，您可能希望定义一个方法，通过连接姓氏和名字来返回该人的全名。

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

this.propertyNameCode language: JavaScript (javascript)

以下示例在 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());Code language: JavaScript (javascript)

输出

'John Doe'Code language: JavaScript (javascript)

请查看 本教程 以获取有关 this 值的更多信息。

总结

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