Maison > interface Web > js tutoriel > le corps du texte

Vérifiez si la fonction existe dans le script Java

王林
Libérer: 2023-09-04 22:41:06
original
613 Les gens l'ont consulté

检查 Java 脚本中函数是否存在

Vous avez peut-être vu l'erreur undefined dans la console lorsque vous essayez d'appeler une fonction qui n'est pas définie dans votre code JavaScript. JavaScript génère cette erreur et arrête d'exécuter le code.

Dans cet article, je vais vous apprendre à vérifier si une fonction existe. De cette façon, vous évitez d’éventuelles erreurs. Il s'agit d'une technique utile pour voir si une bibliothèque ou une API spécifique est disponible dans le client sur lequel vous exécutez votre logiciel.

JavaScript propose différentes manières de voir si une fonction existe. Je vais vous en montrer quelques-uns.

Utilisez ifinstructions conditionnelles

Une façon de vérifier si une fonction est définie est de la tester à l'aide de l'instruction if 语句来测试它。诀窍是将该函数作为 window. L'astuce consiste à tester la fonction en tant que méthode de l'objet window.

Donc, si vous voulez tester aFunctionName, utilisez simplement :

if (window.aFunctionName) {
    // ...
}
Copier après la connexion

Si la fonction est définie, le code entre parenthèses sera exécuté. Au contraire, si vous testez simplement la fonction sans utiliser l'objet window, comme if(aFunctionName),则如果函数不存在,JavaScript 将抛出 ReferenceErorr.

Considérons l'exemple suivant qui vérifie l'existence de deux fonctions : l'une existe et l'autre non.

// Testing a function that exists
function exists() {
    // ...
}

if (window.exists) {
    console.log('the exists() function exists');
}
else{
    console.log('the exists() function does not exist');
}

if(window.doesntExist) {
    console.log('the doesntExist() function exists');
}
else{
    console.log('the doesntExist() function does not exist');
}
Copier après la connexion

L'extrait de code ci-dessus affichera :

the exists() function exists
the doesntExist() does not exist
Copier après la connexion

Cela fonctionne très bien pour notre exemple, mais un problème avec cette approche est que nous ne vérifions pas si l'objet nommé est réellement une fonction. En fait, toute variable portant le même nom fera croire à notre test que la fonction est définie.

typeof Opérateur

Alternativement, nous pouvons utiliser l'opérateur typeof. Cet opérateur vérifiera si le nom de la fonction déclarée existe et s'il s'agit d'une fonction et non d'un autre type d'objet ou de primitive.

if (typeof nameOfFunction === 'function') {
    nameOfFunction();
}
Copier après la connexion

Dans l'exemple ci-dessus, nous testons si nameOfFunction existe et l'exécutons si c'est le cas.

Utilisez 尝试...catch blocs

Le bloc

try…catch gère les erreurs qui peuvent survenir dans le bloc. Nous utiliserons cette méthode pour gérer les erreurs try…catch 块处理该块内可能发生的错误。我们将使用此方法来处理当我们调用未定义的函数时 JavaScript 会抛出的 undefined que JavaScript génère lorsque nous appelons une fonction non définie.

try...catch Comment fonctionnent les déclarations

Nous nous en occupons dans le bloc try 块内运行该函数。如果不存在,则会抛出异常,并由 catch.

Voici un exemple :

try {
    testFunction();
} 
catch(err) {
    console.log(err);
}
Copier après la connexion

Si testFunction n'est pas défini, le message suivant sera affiché sur la console.

ReferenceError: testFunction is not defined
Copier après la connexion

C'est également ce que nous voyons sans le bloc try...catch, mais dans ce cas, notre code continuera à s'exécuter sous le bloc catch.

Conclusion

Cet article explique les trois principales façons de vérifier si une fonction existe en JavaScript avant de l'appeler. Il s’agit de l’utilisation de l’instruction conditionnelle if 条件语句的使用、typeof 运算符的使用,最后是 try...catch, de l’utilisation de l’opérateur

et enfin de l’instruction 🎜. J'utilise également des exemples pour expliquer comment JavaScript implémente ces méthodes pour vérifier si une fonction existe. J'espère que ce concept est plus clair pour vous maintenant ! 🎜

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
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!