JavaScript контекст, Bind Call Apply

Время чтения:3 минуты

В этом уроке (JavaScript контекст) разберём:

  • что такое ключевое слово this в рамках языка
  • и разберём 3 стандартные функций
    1. Bind
    2. Call
    3. Apply

Слово this

Для начало создадим объект:

Как и ожидаем в консоле выводится нужный результат:

Консоль

Если посмотрим что лежит в объекте this то увидим следующее:

Объект this

Создадим ещё один объект:

Метод Bind

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

При таком подходе, будет вызываться функция getName но объект this в ней, будет obj2. Можем убедиться в этом, посмотрев результат кода который написан выше:

При таком подходе, будет вызываться функция getName но объект this в ней, будет obj2. Можем убедиться в этом, посмотрев результат кода который написан выше:

Как передать параметры с помощью метода bind:

Метод Call

Это тоже метод функций. Делает то же самое что и bind но при этом сразу же вызывает функцию. То есть, метод bind возвращает как результат функцию, а call так-же возвращает функцию но и запускает её.

Параметры с помощью метода call передаются так:

Метод apply

Это так-же метод функций. И метод apply работает точно как метод call, только разница в способе передачи параметров:

Параметры:

  1. Контекст с которым нужно вызвать функцию.
  2. Массив аргументов которые передадутся в функцию.

Результат выполнения кода:

Результат кода JavaScript


Рекомендую

Если хотите изучить JavaScript то рекомедую данные курсы.

Платные:

Бесплатные:


Может возникнуть вопрос: «Зачем нужно было делать 2 эти метода?», и вот, было сделано 2 метода потому что порой Мы не знаем какое количество параметров получает функция.

Удачного Вам кодирования! 🙂

Просмотры: 364
(3 оценок, среднее: 5,00 из 5)
Загрузка...

Добавить комментарий

You have to agree to the comment policy.