ПОНИМАНИЕ ЭТОГО В JAVASCRIPT
Я заметил, что многим разработчикам #javascript сложно понять ключевое слово «this», поэтому я решил создать пост, который не только расшифрует эту концепцию #javascript, но и не займет у вас много времени.
Значение this нельзя изменить напрямую, так как это не переменная, а ссылка на объект. В большинстве случаев объект, на который он ссылается, зависит от того, как функция, в которую он помещен, вызывается.
Примечание. Изображения для каждого пункта ниже предназначены для большего пояснения и понимания и расположены в порядке пунктов.
* Строгий и нестрогий режим:
В строгом режиме для этого параметра установлено значение undefined, вы можете добавить строгий режим к функции, добавив внутри него
«use strict». В нестрогом режиме (т. е. без «использовать строгий») this ссылается на объект, вызывающий функцию, в которую он помещен.
* Вызов метода:
Когда функция вызывается как метод объекта, this ссылается на объект, для которого вызывается метод.
* Конструктор:
Когда функция вызывается с использованием ключевого слова new, она используется как конструктор, связывающий this с новым создаваемым объектом.
* Call, Apply и Bind:
В #javascript функции — это экземпляры типа Function, который имеет два метода, а именно call и apply. Эти методы позволяют вам установить объект, на который будет ссылаться this в функции. call() принимает объект в качестве первого параметра и последующие параметры в качестве аргумента(ов), тогда как apply() принимает объект в качестве первого параметра и массив его аргументов в качестве второго параметра.< br /> Важно отметить, что bind() нельзя объявлять более одного раза для конкретной функции, как показано на рисунке; поскольку бренд привязан к объекту America, мы не можем повторно привязать его к объекту nigeria, поэтому значение this не изменилось. Вот почему мы видим в обоих случаях печать Лос-Анджелеса.
* Стрелочная функция:
Стрелочные функции не обеспечивают собственного выполнения, а сохраняют значение this из внешней функции, в которой определена стрелочная функция.
* Встроенный обработчик событий DOM:
Ключевое слово this функции, используемой в качестве встроенного обработчика событий, обычно устанавливается для элемента DOM, в который помещена функция. Обратите внимание, что этот метод поддерживается не во всех браузерах, addEventListener() лучший подход.
На изображении для этой точки вы заметите, что вторая функция возвращает глобальный объект, потому что внутренняя функция this не установлена.
Обратите внимание, что в среде #nodejs вместо this используется globalThis.
Меня зовут Муфтаудин Джимо, я полноценный разработчик #javascript. Я только что начал серию «Расшифровка», чтобы объяснить некоторые темы, которые, как я заметил, сложны для многих #javascript #разработчиков, если вы хотите продолжить, обязательно следуйте за мной, и если у вас есть какие-либо темы, которые вы хотите, чтобы я расшифровал, обязательно напишите об этом. раздел комментариев ниже.
Хорошей недели ✨😊
#environment #developers
#javascriptdeveloper #nodejsdeveloper #javascripttutorial #javascriptdevelopers #javascriptengineer #selfdevelopment #learning #learninganddevelopment
