Une brève introduction aux fonctions JavaScript
Ce chapitre vous donne une brève introduction aux fonctions JavaScript, afin que chacun puisse avoir une compréhension préliminaire des fonctions JavaScript. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer. J'espère qu'il vous sera utile.
Qu'est-ce qu'une fonction JavaScript ?
En JavaScript, les fonctions sont des objets et peuvent être manipulées par programme à volonté. Les fonctions peuvent être imbriquées et définies dans d'autres fonctions, afin qu'elles soient accessibles dans la portée dans laquelle elles sont définies. . n'importe quelle variable.
Une fonction est pilotée par un événement ou un bloc de code réutilisable qui s'exécute lorsqu'elle est appelée.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>JavaScript 函数</title>
</head>
<body>
<!-- 当按钮被点击之后 -->
<button onclick="MyFunction()">点一下</button>
</body>
<script type="text/javascript">
function MyFunction() {
alert("么么哒");
}
</script>
</html>Syntaxe des fonctions JavaScript
Une fonction est un bloc de code entouré d'accolades, avec le mot-clé function utilisé devant :
function myFunction(){
//执行代码
}
//当调用该函数时，会执行函数内的代码
//可以在某事件发生时直接调用函数（比如当用户点击按钮时）并且可有JavaScript在任何位置进行调用。JavaScript est sensible à la casse, le mot-clé function doit être en minuscule et la fonction doit être appelée avec la même casse que le nom de la fonction. Les accolades dans la fonction
sont obligatoires, même si le corps de la fonction ne contient qu'une seule instruction.
Appel d'une fonction avec des paramètres
Lors de l'appel d'une fonction, vous pouvez transmettre des valeurs, qui sont appelées paramètres. Ces paramètres peuvent être utilisés dans les fonctions.
Vous pouvez transmettre n'importe quel nombre de fonctions, séparées par des virgules anglaises :
myFunction(num1,num2,num3)
Lors de la déclaration d'une fonction, déclarez les paramètres comme variables :
function myFunction(var1,var2){
//代码
}Variables et Les paramètres doivent apparaître dans un ordre cohérent, la première variable étant la valeur donnée du premier paramètre passé, et ainsi de suite.
Exemple :
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<button onclick="myFunction(1,2)">试一试</button>
</body>
<script type="text/javascript">
function myFunction(num1, num2) {
alert(num1 + num2);
}
</script>
</html>La fonction ci-dessus sera appelée après avoir cliqué sur le bouton. L'effet d'affichage est le suivant :
Fonction avec valeur de retour
Parfois, nous avons besoin d'une fonction pour renvoyer les données traitées à Où on l'appelle, cela peut être réalisé via l'instruction return.
Lors de l'utilisation de l'instruction return, la fonction arrête l'exécution et renvoie la valeur spécifiée.
<script type="text/javascript">
function myFunction() {
var x=9;
return x;
}
</script>La fonction ci-dessus renverra la valeur de x 9 ;
Remarque : l'intégralité du JavaScript n'arrêtera pas l'exécution, seule la fonction JavaScript continuera à exécuter le code à partir duquel le. la fonction a été appelée.
Les appels de fonction seront remplacés par des valeurs de retour.
<script type="text/javascript">
function myFunction() {
var x=9;
return x;
}
var aa=myFunction();
</script>La valeur de aa est 9 ; c'est-à-dire la valeur de retour de la fonction "myFunction()".
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<button onclick="myFunction(1,2)">试一试</button>
<p id="demo"></p>
</body>
<script type="text/javascript">
function myFunction() {
var x=9;
return x;
}
var aa=myFunction();
document.getElementById("demo").innerHTML=myFunction();
</script>
</html>Le code ci-dessus sélectionne l'élément par identifiant et écrit la valeur de retour de la fonction myFunction.
Si vous souhaitez lancer une fonction, vous pouvez également utiliser l'instruction return. La valeur de retour est facultative. Ou non.
<script type="text/javascript">
function myFunction(a,b) {
if (a>b) {
return;
}
x=a+b;
}
</script>Le code ci-dessus supprimera la fonction si a est supérieur à b. Il ne calcule pas la somme de ab.
Variables JavaScript locales
Les variables déclarées dans une fonction JavaScript (à l'aide de var) sont des variables locales, elles ne sont donc accessibles qu'à l'intérieur de la fonction . (La portée de cette variable est la fonction, qui peut aussi être considérée comme locale).
Le même nom de variable peut être utilisé dans différentes fonctions. Parce que seule la fonction qui déclare la variable peut reconnaître la variable. Dès que la fonction a fini de s'exécuter, les variables locales sont supprimées.
Les variables locales ont une priorité plus élevée que les variables globales du même nom, donc les variables locales masqueront les variables globales du même nom.
Variables JavaScript globales
Les variables déclarées en dehors d'une fonction sont des variables globales et sont accessibles par tous les scripts et fonctions de la page Web.
Durée de vie des variables JavaScript
La durée de vie des variables JavaScript commence lors de leur déclaration.
Les variables locales sont supprimées après l'exécution de la fonction.
Les variables globales seront supprimées après la fermeture de la page.
Attribuer une valeur à une variable JavaScript non déclarée
Si vous attribuez une valeur à une variable non déclarée, la variable sera automatiquement traitée comme une instruction de variable globale.
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!
Outils d'IA chauds
Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes
AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.
Undress AI Tool
Images de déshabillage gratuites
Clothoff.io
Dissolvant de vêtements AI
Video Face Swap
Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !
Article chaud
Outils chauds
Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit
SublimeText3 version chinoise
Version chinoise, très simple à utiliser
Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP
Dreamweaver CS6
Outils de développement Web visuel
SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)
Conseils pour créer dynamiquement de nouvelles fonctions dans les fonctions Golang
Apr 25, 2024 pm 02:39 PM
Le langage Go propose deux technologies de création de fonctions dynamiques : la fermeture et la réflexion. les fermetures permettent d'accéder aux variables dans la portée de la fermeture, et la réflexion peut créer de nouvelles fonctions à l'aide de la fonction FuncOf. Ces technologies sont utiles pour personnaliser les routeurs HTTP, mettre en œuvre des systèmes hautement personnalisables et créer des composants enfichables.
Considérations relatives à l'ordre des paramètres dans la dénomination des fonctions C++
Apr 24, 2024 pm 04:21 PM
Dans la dénomination des fonctions C++, il est crucial de prendre en compte l’ordre des paramètres pour améliorer la lisibilité, réduire les erreurs et faciliter la refactorisation. Les conventions courantes d'ordre des paramètres incluent : action-objet, objet-action, signification sémantique et conformité de la bibliothèque standard. L'ordre optimal dépend de l'objectif de la fonction, des types de paramètres, de la confusion potentielle et des conventions du langage.
Comment écrire des fonctions efficaces et maintenables en Java ?
Apr 24, 2024 am 11:33 AM
La clé pour écrire des fonctions Java efficaces et maintenables est la suivante : restez simple. Utilisez un nom significatif. Gérer des situations particulières. Utilisez une visibilité appropriée.
Comment convertir le tableau de résultats d'une requête MySQL en objet ?
Apr 29, 2024 pm 01:09 PM
Voici comment convertir un tableau de résultats de requête MySQL en objet : Créez un tableau d'objets vide. Parcourez le tableau résultant et créez un nouvel objet pour chaque ligne. Utilisez une boucle foreach pour attribuer les paires clé-valeur de chaque ligne aux propriétés correspondantes du nouvel objet. Ajoute un nouvel objet au tableau d'objets. Fermez la connexion à la base de données.
Collection complète de formules de fonctions Excel
May 07, 2024 pm 12:04 PM
1. La fonction SOMME permet de sommer les nombres d'une colonne ou d'un groupe de cellules, par exemple : =SOMME(A1:J10). 2. La fonction MOYENNE permet de calculer la moyenne des nombres dans une colonne ou un groupe de cellules, par exemple : =AVERAGE(A1:A10). 3. Fonction COUNT, utilisée pour compter le nombre de nombres ou de texte dans une colonne ou un groupe de cellules, par exemple : =COUNT(A1:A10) 4. Fonction IF, utilisée pour effectuer des jugements logiques basés sur des conditions spécifiées et renvoyer le résultat correspondant.
Comparaison des avantages et des inconvénients des paramètres par défaut et des paramètres variables des fonctions C++
Apr 21, 2024 am 10:21 AM
Les avantages des paramètres par défaut dans les fonctions C++ incluent la simplification des appels, l’amélioration de la lisibilité et l’évitement des erreurs. Les inconvénients sont une flexibilité limitée et des restrictions de dénomination. Les avantages des paramètres variadiques incluent une flexibilité illimitée et une liaison dynamique. Les inconvénients incluent une plus grande complexité, des conversions de types implicites et des difficultés de débogage.
Quelle est la différence entre les fonctions PHP personnalisées et les fonctions prédéfinies ?
Apr 22, 2024 pm 02:21 PM
La différence entre les fonctions PHP personnalisées et les fonctions prédéfinies est la suivante : Portée : les fonctions personnalisées sont limitées à la portée de leur définition, tandis que les fonctions prédéfinies sont accessibles tout au long du script. Comment définir : les fonctions personnalisées sont définies à l'aide du mot-clé function, tandis que les fonctions prédéfinies sont définies par le noyau PHP. Passage de paramètres : les fonctions personnalisées reçoivent des paramètres, tandis que les fonctions prédéfinies peuvent ne pas nécessiter de paramètres. Extensibilité : des fonctions personnalisées peuvent être créées selon les besoins, tandis que les fonctions prédéfinies sont intégrées et ne peuvent pas être modifiées.
Exception de fonction C++ avancée : gestion personnalisée des erreurs
May 01, 2024 pm 06:39 PM
La gestion des exceptions en C++ peut être améliorée grâce à des classes d'exceptions personnalisées qui fournissent des messages d'erreur spécifiques, des informations contextuelles et effectuent des actions personnalisées en fonction du type d'erreur. Définissez une classe d'exception héritée de std::exception pour fournir des informations d'erreur spécifiques. Utilisez le mot-clé throw pour lancer une exception personnalisée. Utilisez Dynamic_cast dans un bloc try-catch pour convertir l'exception interceptée en un type d'exception personnalisé. Dans le cas réel, la fonction open_file lève une exception FileNotFoundException. La capture et la gestion de l'exception peuvent fournir un message d'erreur plus spécifique.
