Одной из самых сложных и часто используемых концепций в JavaScript является « это ключевое слово. JavaScript использует « это ключевое слово ” отличается от других языков. Однако это необходимо для создания более сложного кода JavaScript. Вам, как новичку, может быть сложно понять использование упомянутого ключевого слова, но не беспокойтесь!
Этот пост объяснит « это ключевое слово и его использование в JavaScript.
Что такое «это» в JavaScript?
“ это ” — это ключевое слово в JavaScript, которое относится к объекту, выполняющему существующий блок кода. Он представляет объект, который вызывает текущую функцию. Он используется в нескольких сценариях по-разному, например:
-
- В методе
- При обработке событий
- В функциях
Давайте проверим каждое из упомянутых применений один за другим!
Как использовать «это» в методах JavaScript?
“ это ” используется в методах JavaScript как неявная привязка. Когда функция вызывается с помощью объекта и точки, это считается неявной привязкой, и « это ” указывает на объект во время вызова функции.
Пример
Сначала мы создадим объект с некоторыми свойствами и методом, а затем используем « это ключевое слово », чтобы получить значения свойств объекта:
var personInfo = {
имя: 'Джон' ,
возраст : 20 ,
Информация: функция ( ) {
console.log ( 'Эй! Я' + это.имя + ' и я ' + это.возраст + ' лет' ) ;
}
}
Далее звоните в « Информация() ” вместе с именем объекта:
Видно, что заданные значения свойств текущего объекта успешно отображаются:
Если вы хотите использовать “ это ” в обработке событий следуйте приведенному ниже разделу.
Как использовать «это» в обработке событий JavaScript?
В этом примере проверьте использование « это ключевое слово в обработке событий. Для этого рассмотрим пример, в котором мы будем скрывать нашу кнопку одним кликом. Для этого создайте кнопку и прикрепите « по щелчку() ” с ним, чтобы получить доступ к свойству style.display с помощью “ это ключевое слово, которое будет скрывать кнопку при нажатии:
< h3 > Нажмите, чтобы скрыть кнопку h3 >< кнопка по щелчку знак равно 'this.style.display='нет'' > Кликните сюда ! кнопка >
Выход
Если вас смущает использование « это ” в пользовательских функциях в JavaScript, следуйте данному разделу.
Как использовать «это» в функциях JavaScript?
При использовании « это ” в функциях, в JavaScript существует три типа привязок, в том числе:
-
- Привязка по умолчанию
- Неявная привязка
- Явная привязка
Давайте разберемся с ними по отдельности!
Пример 1: Использование этого ключевого слова в привязке по умолчанию
В привязке по умолчанию « это ключевое слово действует как глобальный объект. Он в основном используется в автономных функциях.
Давайте разберем изложенную концепцию на примере.
Сначала мы создадим переменную « Икс ' и присвойте ему значение ' пятнадцать ”:
переменная х = пятнадцать ;
Затем определите функцию с именем « функцияБД() ' и определение его функции, создайте переменную с тем же именем ' Икс ' и присвойте ему значение ' 5 ', затем напечатайте его значение, используя ' console.log() ” метод с “ это ключевое слово:
переменная х = 5 ;
console.log ( это.x ) ;
}
Наконец, вызовите « функцияБД() функция:
Благодаря использованию « это ключевое слово, на выходе отображается значение « Икс ' в качестве ' пятнадцать », потому что он действует как глобальный объект, а процесс называется « Динамическое связывание ”:
Пример 2: Использование этого ключевого слова в неявном связывании
Когда функция вызывается объектом или символом точки, « это ключевое слово действует как неявная привязка. Он указывает на объект во время вызова функции.
В этом примере мы определим функцию « Информация() ” и используйте “ это ключевое слово в определении функции:
функция Информация ( ) {console.log ( 'Эй! Я' + это.имя + ' и я ' + это.возраст + ' лет' )
}
Затем создайте объект с именем « информация о человеке ” с определенными свойствами:
имя: 'Джон' ,
возраст : 20 ,
информация: информация
}
Теперь вызовите функцию вдоль объекта:
Выход
Пример 3. Использование этого ключевого слова в явной привязке
Явное связывание также называется « жесткий переплет », потому что функция принудительно вызывается для использования определенного объекта для « это », не помещая ссылку на функцию свойства в объект. Для этого можно использовать методы call(), apply() и bind().
Теперь мы будем использовать ту же функцию с именем « Информация() », определенный в предыдущем примере. Затем создайте объект с именем « информация о человеке ” со следующими значениями:
var personInfo = {имя: 'Джон' ,
возраст : 20
}
Для вызова функции с именем « Информация() ', мы будем использовать ' вызов() ” и передать созданный объект ему в качестве аргумента:
Поскольку info() не является частью объекта, мы все равно получили к нему явный доступ:
Для явного вызова функции вы также можете использовать методы apply() и bind(). Метод apply() идентичен методу call(), а метод bind() создает новую функцию с тем же телом и областью действия, которая ведет себя так же, как исходная функция. Метод bind() можно использовать для возврата функции, которую вы сможете использовать позже.
Для вызова info() с помощью метода apply() используйте следующий оператор:
информация.применить ( информация о человеке ) ;
Он дает тот же результат, что и метод call():
Для вызова « Информация() ” с “ связывать() », используйте данный оператор:
Выход
Мы собрали всю необходимую информацию, связанную с « это ключевое слово.
Вывод
“ это ” — это ключевое слово в JavaScript, которое относится к объекту, выполняющему существующий блок кода. Он представляет объект, вызывающий текущую функцию. Он используется в нескольких сценариях по-разному, включая методы, обработку событий и функции. В этом посте мы объяснили « это ключевое слово в JavaScript.