📜  在 js 中设置方法 - Javascript (1)

📅  最后修改于: 2023-12-03 14:50:58.151000             🧑  作者: Mango

在 JavaScript 中设置方法

在 JavaScript 中,我们可以通过创建函数来设置方法。方法可以是对象的属性,也可以是构造函数的属性。这样,我们可以在对象实例中调用方法,或在构造函数中设置静态方法。

以下是在 JavaScript 中设置方法的一些示例:

对象方法

我们可以使用字面量或构造函数创建对象,然后将方法添加到对象上。以下是示例代码:

字面量创建对象
const person = {
  firstName: 'John',
  lastName: 'Doe',
  fullName: function() {
    return this.firstName + ' ' + this.lastName;
  }
};

console.log(person.fullName()); // 输出:John Doe

在上面的代码中,我们使用字面量创建了一个名为 person 的对象,并在对象上定义了一个名为 fullName 的方法。

构造函数创建对象
function Person(firstName, lastName) {
  this.firstName = firstName;
  this.lastName = lastName;
  this.fullName = function() {
    return this.firstName + ' ' + this.lastName;
  };
}

const person1 = new Person('John', 'Doe');
const person2 = new Person('Mary', 'Smith');

console.log(person1.fullName()); // 输出:John Doe
console.log(person2.fullName()); // 输出:Mary Smith

在上面的代码中,我们使用构造函数创建了两个不同的 Person 对象,并在每个对象上定义了一个名为 fullName 的方法。

构造函数方法

我们还可以在构造函数本身上定义方法,这些方法在每个对象创建时都是相同的。以下是示例代码:

function Person(firstName, lastName) {
  this.firstName = firstName;
  this.lastName = lastName;
}

Person.prototype.fullName = function() {
  return this.firstName + ' ' + this.lastName;
};

const person = new Person('John', 'Doe');

console.log(person.fullName()); // 输出:John Doe

在上面的代码中,我们在 Person 构造函数的原型上定义了一个名为 fullName 的方法。然后,我们通过创建一个新的 Person 对象来调用该方法。

静态方法

我们还可以在构造函数本身上定义静态方法,这些方法只能通过构造函数本身来调用。以下是示例代码:

function Person(firstName, lastName) {
  this.firstName = firstName;
  this.lastName = lastName;
}

Person.fullName = function(person) {
  return person.firstName + ' ' + person.lastName;
};

const person = new Person('John', 'Doe');

console.log(Person.fullName(person)); // 输出:John Doe

在上面的代码中,我们在 Person 构造函数本身上定义了一个名为 fullName 的静态方法。然后,我们通过传递一个 Person 对象来调用该方法。

以上是在 JavaScript 中设置方法的一些示例。无论我们是在对象上定义方法,还是在构造函数本身上定义方法,JavaScript 都提供了多种设置方法的选项。