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 "

Print Python - учимся выводить информацию на языке Python
Настройка и использование Nginx в Docker
Конвертация строки в double в Си: примеры и объяснения
PHP Array Search – Простые и эффективные способы поиска в массиве
Конвертер JSON в CSV онлайн
HTTP 302 редирект: какой эффект оказывает на ваш сайт и когда его использовать?
1 number – как улучшить свои навыки работы с числами
Vue Devtools: The Ultimate Debugging Extension for Vue.js
Java Serializable: сохранение объектов в файл простым способом
Spring Boot Maven Plugin