> Как сделать функцию вызываемой через точку в JavaScript (JavaScript)

Уровень: senior · Роль: frontend · Категория: Технические вопросы

Компании: GoInvest

Стек: JavaScript

> Пример ответа

В JavaScript функция становится вызываемой через точку, когда она является методом объекта. Для этого нужно присвоить функцию свойству объекта. Вот несколько способов:

При создании объекта (литерал):

JAVASCRIPT
const user = {
  name: 'Анна',
  greet: function() {
    console.log(`Привет, я ${this.name}`);
  }
};
user.greet(); // "Привет, я Анна"

Через присваивание после создания:

JAVASCRIPT
const car = {};
car.start = function() {
  console.log('Двигатель запущен');
};
car.start(); // "Двигатель запущен"

С помощью классов (ES6):

JAVASCRIPT
class Calculator {
  add(a, b) {
    return a + b;
  }
}
const calc = new Calculator();
calc.add(2, 3); // 5

Через прототип (для всех экземпляров):

JAVASCRIPT
function Person(name) {
  this.name = name;
}
Person.prototype.sayHello = function() {
  console.log(`Здравствуйте, я ${this.name}`);
};
const p = new Person('Иван');
p.sayHello(); // "Здравствуйте, я Иван"

Ключевой момент: при вызове через точку this внутри функции ссылается на объект слева от точки, что позволяет получать доступ к его свойствам и другим методам.