Различия

Показаны различия между двумя версиями страницы.

--- objavlenie_funkcii [2023/11/20 21:04]
tro
+++ objavlenie_funkcii [2023/11/20 21:20] (текущий)
tro [Виклик функціхї]
@@ Строка 193: / Строка 193: @@
 console.log(Math.max(...temps)); // 25
 </code>
-==== Виклик функціхї ====
+==== Виклик функції ====
 === Створення функції як методу змінної-обїекта ===
 <code>
@@ Строка 226: / Строка 226: @@
 showThis(); // "this in showThis: undefined"
 </code>
+===== Вказання контексту виклику функції =====
+==== call ====
+<code>
+foo.call(thisArg, arg1, arg2, ...)
+</code>
+  * thisArg — об'єкт, який ми хочемо встановити як контекст (значення this) для функції
+  * arg1, arg2, ... — необов'язкові аргументи, які будуть передані функції
+Метод call викликає функцію foo так, що значення this у функції буде посилатися на об'єкт thisArg, і також передає їй аргументи arg1, arg2 тощо.
+==== apply ====
+Метод apply є аналогом методу call. Відмінність у тому, що в методі apply() синтаксис передачі аргументів вимагає масиву, навіть якщо аргументи функції — це окремі значення.
+<code>
+foo.apply(thisArg, [arg1, arg2, ...])
+</code>
+==== bind ====
+Метод bind створює і повертає нову функцію, яка має заздалегідь встановлений контекст, і ця нова функція може бути викликана пізніше з будь-якими аргументами.
+<code>
+const boundFoo = foo.bind(thisArg, arg1, arg2, ...)
+</code>
+Приклад
+<code>
+"use strict";
+const customer = {
+  username: "Jacob",
+	sayHello() {
+		console.log(`Hello, ${this.username}!`);
+  }
+};
+customer.sayHello(); // "Hello, Jacob!"
+const greet = customer.sayHello.bind(customer);
+greet(); // "Hello, Jacob!"
+</code>
+Коли ми використовуємо bind(), ми створюємо нову функцію greet. Ця нова функція завжди матиме правильний контекст і може використовувати властивість username об'єкта customer.