Что это за ключевое слово?
Ключевое слово this — это специальная переменная, которая создается во время каждого контекста выполнения, что означает, что она создается для любой функции. Однако эта переменная не является статической и присваивается только при вызове функции.
Использование функций с ключевым словом this?
- Простой вызов функции
Когда строгий режим включен, ключевое слово this будет указывать на undefined. Однако, если строгий режим отключен, ключевое слово «это» будет указывать на глобальный объект, присутствующий в вашем браузере, известный как объект окна.
const currentDate = новая дата();
const ageOfGame = функция (дата выпуска) {
console.log(currentDate.getFullYear() — Дата выпуска)
console.log(этот);
};
возраст игры (2007);
2. Стрелочные функции
Вывод будет таким же, как простой вызов функции. Ключевое слово this будет указывать на объект окна.
const calculateAgeOfGame = ReleaseDate => {
console.log(currentDate.getFullYear() — Дата выпуска);
console.log(этот);
};
вычислитьAgeOfGame(2007);
3. Методы
При использовании метода ключевое слово this будет указывать на объект, вызывающий метод.
постоянный гало = {
Дата выпуска: 2007 г.,
ageOfGame : функция () {
console.log(этот);
console.log(currentDate.getFullYear() — this.releasedDate);
}};
halo.ageOfGame();
Сохранение ключевого слова «this», чтобы дать соответствующее значение. Например;
постоянный гало = {
Дата выпуска: 2007 г.,
ageOfGame : функция () {
console.log(этот);
const age = (currentDate.getFullYear() — this.releasedDate);
console.log(возраст);
const useThis = это;
константная декада = функция () {
console.log(this.releasedDate);
console.log(useThis.releasedDate);
};
десятилетие();
}};
halo.ageOfGame();
Если значение просто вызывается как (this.releasedDate) вместо сохранения ключевого слова this в переменной перед вызовом функции, оно будет возвращено как неопределенное. Однако, если его сохранить в переменной, а затем использовать в вызове функции, он вернет значение, которое было определено, в данном примере это 2007.
4. Слушатели событий
Ключевое слово this будет указывать на его элемент DOM (объектная модель документа), к которому прикреплен обработчик событий.
