Maison > Article > interface Web > Comment utiliser les fonctions JavaScript
Comment utiliser les fonctions JavaScript
- 不言original
- 2018-12-17 13:52:062622parcourir
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>Paramètres et valeurs de retour.
<script>
function 函数名（参数1，参数2，...）{
处理的代码
return 返回值;
}
</ script> 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>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>Si la valeur de l'argent variable est entrée à 10 000, le résultat de sortie est "personne riche"
Regardons
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("贫穷");
}
}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>
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>
Enfin, jetons un bref coup d'œil à quoi
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!