Maison > interface Web > Questions et réponses frontales > Comment appeler des méthodes en js en utilisant javascript

Comment appeler des méthodes en js en utilisant javascript

PHPz
Libérer: 2023-04-25 14:54:46
original
4042 Les gens l'ont consulté

JavaScript est un langage de programmation très populaire et largement utilisé dans le développement Web, le développement d'applications mobiles et d'autres domaines. En JavaScript, nous pouvons utiliser certaines méthodes spéciales pour appeler des fonctions dans des fichiers JavaScript, et ces fonctions peuvent également être appelées dans d'autres fonctions. C'est ce qu'on appelle la « méthode d'appel de méthode d'appel ». Cet article présentera en détail comment appeler des méthodes en js en JavaScript et comment appeler des méthodes dans les méthodes.

1. Appeler des méthodes en js en JavaScript

Appeler une fonction dans un fichier js est très simple, il suffit d'utiliser < dans la balise La balise script> introduit le fichier js et appelle la fonction si nécessaire. Par exemple, supposons qu'il existe un fichier js nommé "mymethod.js" qui définit une fonction nommée "myfunction":

function myfunction() {
  alert("Hello World!");
}
Copier après la connexion

Nous pouvons utiliser le code suivant dans le fichier HTML pour appeler la fonction:# 🎜🎜#

<script src="mymethod.js"></script>
<script>
  myfunction();
</script>
Copier après la connexion
De cette façon, lors du chargement de la page web, le fichier "maméthode.js" sera automatiquement introduit et la fonction "mafonction" sera exécutée.

2. Appeler des méthodes dans des méthodes en JavaScript

Pour appeler des méthodes dans des méthodes, nous pouvons utiliser une méthode similaire à l'appel de fonctions dans des fichiers js. Supposons qu'il y ait le code suivant :

var obj = {
  method1: function() {
    console.log("This is method1");
  },
  method2: function() {
    console.log("This is method2");
    this.method1(); // 调用method1方法
  }
};
Copier après la connexion
Nous pouvons utiliser le code suivant pour appeler la méthode "method2" :

obj.method2();
Copier après la connexion
À ce moment, la console affichera le contenu suivant :

This is method2
This is method1
Copier après la connexion
# 🎜🎜# On peut voir que la méthode "method1" est appelée à l'intérieur de la méthode "method2" via l'instruction "this.method1()", et le mot-clé "this" pointe vers l'objet actuel "obj".

3. Liaison de fonction en JavaScript

En JavaScript, vous pouvez utiliser la méthode bind() pour lier une fonction à un objet interne spécifié, afin que la fonction puisse être appelée fonction, c'est ce pointeur qui pointe toujours vers l'objet interne.

Par exemple, il y a le code suivant :

var obj1 = {
  name: "Tom",
  say: function() { console.log("My name is " + this.name); }
};

var obj2 = {
  name: "Jerry"
};
Copier après la connexion

Nous lions la fonction comme suit :

obj1.say.bind(obj2)();
Copier après la connexion

La console affichera ce qui suit : # 🎜🎜#

My name is Jerry
Copier après la connexion
On peut voir qu'en utilisant la méthode bind(), nous pouvons lier la méthode "say" à l'objet "obj2", de sorte que lorsque la méthode est appelée, "this" pointe vers " obj2", et non "obj1".

Résumé :

En JavaScript, nous pouvons facilement appeler des fonctions dans des fichiers js, appeler d'autres fonctions à l'intérieur de la fonction et même effectuer une liaison de fonction pour obtenir des effets de programmation plus avancés. Par conséquent, il est très important de se familiariser avec la façon dont les fonctions sont appelées en JavaScript. Les développeurs peuvent améliorer leurs compétences grâce à une pratique répétée.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal