Встречается на собеседованиях • сегодня

Как создать This

В JavaScript this определяется в момент вызова функции и зависит от контекста:

  1. Глобальный контекст
    Вне функций this ссылается на глобальный объект (window в браузере):

    javascript
    console.log(this === window); // true
  2. Метод объекта
    В методах this - это объект перед точкой:

    javascript
    const obj = {
      name: 'Test',
      logName() {
        console.log(this.name); // 'Test'
      }
    };
  1. Функции
    В обычных функциях this зависит от вызова (strict mode влияет):

    javascript
    function test() {
      console.log(this); // window (или undefined в strict mode)
    }
  2. Явная привязка
    Можно явно задать this с помощью call, apply, bind:

    javascript
    function greet() {
      console.log(`Hello, ${this.name}`);
    }
    const user = { name: 'Alice' };
    greet.call(user); // Hello, Alice
  3. Стрелочные функции
    Не имеют своего this, берут его из внешнего контекста:

    javascript
    const obj = {
      name: 'Bob',
      greet: () => console.log(this.name) // undefined (берет window)
    };
Sophi
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
Попробовать бесплатноArrow

Следующий вопрос

Это единственный вопрос по вашему фильтру

как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы