Как создать метод в js?

Аватар пользователя Кирилл Маркеев
Кирилл Маркеев
11 декабря 2022

Метод - это функция, записанная внутри свойства объекта.

Способов создания методов несколько. Давайте рассмотрим некоторые из них.

  • Объявление функции, которая сразу же присваивается свойству объекта и становится методом:
const user = {
  name: 'John',
  surname: 'Smith',
};

user.sayHello = function() {
  return `Hello, ${this.name} ${this.surname}!`;
};

// вызываем метод и выводим результат в консоль
console.log(user.sayHello()); // => Hello, John Smith!
  • Объявление функции и затем её присваивание объекту через имя функции:
function getGreeting() {
  return `Hello, ${this.name} ${this.surname}!`;
};

user.sayHello = getGreeting;

console.log(user.sayHello()); // => Hello, John Smith!
  • Объявление функции сразу внутри объекта при его создании:
const user = {
  name: 'John',
  surname: 'Smith',
  sayHello: function() {
    return `Hello, ${this.name} ${this.surname}!`;
  },
};

console.log(user.sayHello()); // => Hello, John Smith!
  • Сокращенный вариант предыдущего способа. Чаще всего поступают именно так:
const user = {
  name: 'John',
  surname: 'Smith',
  sayHello() {
    return `Hello, ${this.name} ${this.surname}!`;
  },
};

console.log(user.sayHello()); // => Hello, John Smith!
2 0
Познакомьтесь с основами JavaScript бесплатно