This: что это и как использовать

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

Пример:


const person = {
  name: "Alice",
  age: 30,
  greet: function() {
    console.log(`Hello, my name is ${this.name}.`);
  }
}
person.greet(); // Output: Hello, my name is Alice.

В этом примере, ключевое слово "this" используется для ссылки на свойство "name" объекта "person", которое является текущим объектом функции "greet".

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

Пример:


const calculator = {
  x: 0,
  y: 0,
  add: function() {
    return this.x + this.y;
  },
  setValues: function(a, b) {
    this.x = a;
    this.y = b;
  }
}
calculator.setValues(5, 10);
console.log(calculator.add()); // Output: 15

В этом примере, мы устанавливаем значения свойств "x" и "y" объекта "calculator" с помощью метода "setValues", который использует ключевое слово "this" для ссылки на текущий объект. Затем мы вызываем метод "add()".

Объект "this" в JavaScript также может быть использован в глобальном контексте, который будет ссылаться на глобальный объект, такой как "window" в браузере или "global" в Node.js.

Пример:


console.log(this); // Output: Window object (in browser)

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

Похожие вопросы на: "this "

Как изменить размер шрифта на сайте с помощью CSS?
Что такое MQ и как использовать медиа-запросы в веб-дизайне
Remove Vocals from Songs with Our Easy-to-Use Vocal Remove Tool
DB Browser for SQLite: бесплатное приложение для работы с базами данных
Aesthetic User PHP - создайте привлекательный дизайн для вашего сайта
Как подключить JS файл к HTML: пошаговая инструкция
Как удалить локальную ветку в Git?
User Already Exists
Run Time Error 1004 VBA Excel
Android Studio русификатор - бесплатная установка и настройка