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>Copier après la connexion
Syntaxe des fonctions JavaScript
Une fonction est un bloc de code entouré d'accolades, avec le mot-clé function utilisé devant :
function myFunction(){
//执行代码
}
//当调用该函数时，会执行函数内的代码
//可以在某事件发生时直接调用函数（比如当用户点击按钮时）并且可有JavaScript在任何位置进行调用。Copier après la connexion
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)
Copier après la connexion
Lors de la déclaration d'une fonction, déclarez les paramètres comme variables :
function myFunction(var1,var2){
//代码
}Copier après la connexion
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>Copier après la connexion
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>Copier après la connexion
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>Copier après la connexion
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>Copier après la connexion
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>Copier après la connexion
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!
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
