Une brève discussion sur l'application de ceci dans les événements dans les compétences javascript_javascript

Ce mot-clé est très puissant en JavaScript, mais il est difficile de l'utiliser si on ne sait pas comment il fonctionne.

Copier le code Le code est le suivant :

function dosomething(){ this.style.color="#fff"; }

Qu'est-ce que cela pointe dans le code ci-dessus et qu'est-ce qui sera affiché lors de l'exécution de dosomething() ?

En JavaScript, cela pointe toujours vers la fonction actuellement exécutée, ou l'objet qui appelle la fonction en tant que méthode. Lorsque nous définissons la méthode dosomething() sur la page, le propriétaire de celle-ci est la page actuelle, ou c'est le cas. dit être un objet global.

Ainsi, lorsque nous exécutons la fonction dosomething(), une erreur se produit car cette fonction pointe vers la fenêtre de l'objet global et l'objet window n'a pas d'attribut de style

.

Copie :

Copier le code Le code est le suivant :

element.onclick=faire quelque chose;

dosomething() est désormais entièrement copié dans l'attribut onclick en tant que méthode. Ainsi, si cet événement est exécuté, cela pointera vers l'élément HTML et la couleur de l'élément HTML correspondant changera à chaque fois que dosomething est copié. l'événement, this Il pointera vers l'élément html exécutant actuellement cette méthode

.

Citation :

Copier le code Le code est le suivant :

Pour le moment, vous n'avez pas copié cette méthode, mais vous avez référencé cette méthode. L'attribut onclick ne contient pas la méthode réelle, mais est juste un appel de méthode. Lorsque nous exécutons cette méthode, cela pointe à nouveau vers l'objet fenêtre global. et une erreur est générée.

Ce qui précède représente l'intégralité du contenu de cet article. Les amis dans le besoin devraient l'étudier attentivement.