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

Какая конструкция в JavaScript может сделать новый scope для this

В JavaScript новый scope для this можно создать с помощью:

Стрелочных функций - они не создают свой this, а берут его из внешнего контекста:

const obj = {
  name: 'Test',
  regularFunc: function() {
    console.log(this.name); // 'Test'
    const arrowFunc = () => {
      console.log(this.name); // 'Test' (берет this из regularFunc)
    };
    arrowFunc();
  }
};

Методов bind/call/apply - явно привязывают контекст:

function test() {
  console.log(this.name);
}
const obj = {name: 'Bound'};
const boundFunc = test.bind(obj);
boundFunc(); // 'Bound'

Классов - this внутри методов класса ссылается на экземпляр:

class Example {
  constructor() {
    this.value = 42;
  }
  showValue() {
    console.log(this.value);
  }
}

IIFE - создает новый контекст выполнения:

const obj = {
  name: 'Original',
  method: function() {
    (function() {
      console.log(this.name); // undefined (this - global/window)
    })();
  }
};

Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!

Попробовать бесплатно

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

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

как отвечать на вопрос

пример собеседования

фреймворки на собеседовании

типичные вопросы junior

интервью вопросы и ответы