Une fonction consiste à définir conjointement le même traitement et à le rendre disponible pour de multiples usages. L'article suivant vous présentera l'utilisation des fonctions en Comment utiliser les fonctions Comment utiliser les fonctions JavaScript.
S'il y a beaucoup de code, vous devrez parfois utiliser une grande partie du même traitement. Bien que vous puissiez gagner du temps en copiant et en collant, le. Le code deviendra très long, ce qui n'est pas pratique pour certaines opérations ultérieures. À ce stade, nous pouvons définir le même traitement en tant que fonction, puis appeler cette fonction, pour que le code ait l'air très concis.
De plus, la fonction présente également l'avantage que lorsqu'une partie du code à traiter nécessite des modifications communes, un seul endroit doit être modifié.
Regardons la définition de la fonction en Comment utiliser les fonctions Comment utiliser les fonctions JavaScript
Formulaire de base
La première chose dont vous avez besoin pour définir une fonction est la fonction . Ensuite, écrivez le nom de la fonction et écrivez le traitement requis dans {}. La façon la plus simple de l'écrire est la suivante
<script>
function 函数名( ) {
处理的代码
}
</script>Copier après la connexion
Paramètres et valeurs de retour.
De plus, si vous souhaitez transmettre des paramètres à une fonction, mettez les noms des paramètres entre parenthèses. Vous pouvez ajouter autant de paramètres que nécessaire, séparés par ",". Par conséquent, même si le même traitement est effectué, le contenu peut être traité selon les paramètres transmis.
De plus, si vous souhaitez obtenir le résultat du traitement de cette fonction appelante, utilisez le mot-clé return, et la valeur de retour du résultat du traitement dans la fonction sera transmise.
<script>
function 函数名（参数1，参数2，...）{
处理的代码
return 返回值;
}
</ script>Copier après la connexion
Regardons
un exemple spécifique d'utilisation de la programmation de fonctions
Nous utilisons d'abord des variables pour écrire, définissons la variable comme de l'argent, en fonction de la valeur du saisissez money , utilisez document.write pour afficher trois types de chaînes : "les riches", les "gens ordinaires" et les "pauvres".
Le code est le suivant
<!DOCTYPE html>
<html>
<head>
<meta charset = "utf-8">
<title>Comment utiliser les fonctions Comment utiliser les fonctions JavaScript</title>
</head>
<body>
<script>
var money;
if (money > 5000) {
document.write("有钱人");
} else if (money > 3000){
document.write("普通人");
} else {
document.write("贫穷");
}
</script>
</body>
</html>Copier après la connexion
Sur la base du code ci-dessus, selon la valeur monétaire saisie, le résultat de l'exécution sera "riche" ou "gens ordinaires" ou " médiocre". Si la fonction n'est pas utilisée, le même code doit être écrit.
<script>
var money=10000;
if (money > 5000) {
document.write("有钱人");
} else if (money > 3000){
document.write("普通人");
} else {
document.write("贫穷");
}
</script>Copier après la connexion
Si la valeur de l'argent variable est entrée à 10 000, le résultat de sortie est "personne riche"
Lorsque la variable d'entrée l'argent est de 4000, le résultat est "les gens ordinaires". Lorsque la valeur d'entrée de l'argent est de 2000, il est "pauvre".
Il vous suffit donc de changer la valeur de var money, rien d'autre n'a besoin d'être modifié, mais le code deviendra beaucoup à ce moment-là, si vous définissez une fonction, le code deviendra beaucoup plus simple. 🎜>
Regardons
exemples spécifiques d'utilisation de fonctions
Le nom de la fonction ici est juge. Parce que je veux juger les « gens riches », les « gens ordinaires » et les « gens pauvres » en fonction de la valeur de la variable d'entrée, l'argent.
En fait, vous ne pouvez pas savoir quelles informations sont transmises à la fonction, donc la variable money est utilisée pour définir les paramètres. Cette fonction modifiera la valeur de sortie et la chaîne en fonction de la valeur saisie dans la variable money.
En faisant cela, vous pouvez supprimer le code qui a été écrit et répété plusieurs fois jusqu'à présent et le remplacer par une fonction appelée juge.
function judge(money) {
if (money > 5000) {
document.write("有钱人");
} else if (money > 3000){
document.write("普通人");
} else {
document.write("贫穷");
}
}Copier après la connexion
Le code est le suivant
Le résultat d'exécution est le suivant
<script>
function judge(money) {
if (money > 5000) {
document.write("有钱人");
} else if (money > 3000){
document.write("普通人");
} else {
document.write("贫穷");
}
}
var money = 10000;
judge(money);
var money = 4000;
judge(money);
var money = 2000;
judge(money);
</script>Copier après la connexion
Utilisez le retour valeur à renvoyer
Vous pouvez également renvoyer la chaîne du résultat du jugement sans utiliser document.write. . Dans ce cas, utilisez la valeur de retour return. Après avoir remplacé les chaînes de résultat du jugement « riche », « ordinaire » et « pauvre », utilisez enfin return pour renvoyer la valeur de la variable de résultat.
Le code est le suivant
L'effet de course reste inchangé
<script>
function judge(money) {
var result;
if (money > 5000) {
result = "有钱人";
} else if (money > 3000){
result = "普通人";
} else {
result = "贫穷";
}
return result;
}
var money = 10000;
var result = judge(money);
document.write(result);
var money = 4000;
var result = judge(money);
document.write(result);
var money = 2000;
var result = judge(money);
document.write(result);
</script>Copier après la connexion
Enfin, jetons un bref coup d'œil à quoi
Est une variable locale
Les variables locales font référence à des variables définies dans une fonction et n'ont qu'un rôle dans cette fonction.
La déclaration utilisant "var variable name" n'est pas différente des variables ordinaires, mais dans le cas de variables locales, elle est déclarée dans la fonction.
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)
