Comment utiliser les fonctions JavaScript
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>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> <script>
var money=10000;
if (money > 5000) {
document.write("有钱人");
} else if (money > 3000){
document.write("普通人");
} else {
document.write("贫穷");
}
</script>
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!
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
AI Hentai Generator
Générez AI Hentai gratuitement.
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)
Programmation asynchrone de fonctions JavaScript : conseils essentiels pour gérer des tâches complexes
Nov 18, 2023 am 10:06 AM
Programmation asynchrone des fonctions JavaScript : compétences essentielles pour gérer des tâches complexes Introduction : Dans le développement front-end moderne, la gestion de tâches complexes est devenue un élément indispensable. Les compétences en programmation asynchrone des fonctions JavaScript sont la clé pour résoudre ces tâches complexes. Cet article présentera les concepts de base et les méthodes pratiques courantes de la programmation asynchrone des fonctions JavaScript, et fournira des exemples de code spécifiques pour aider les lecteurs à mieux comprendre et utiliser ces techniques. 1. Concepts de base de la programmation asynchrone Dans la programmation synchrone traditionnelle, le code est
Utiliser les fonctions JavaScript pour implémenter la navigation et le routage des pages Web
Nov 04, 2023 am 09:46 AM
Dans les applications Web modernes, la mise en œuvre de la navigation et du routage des pages Web est un élément très important. L'utilisation de fonctions JavaScript pour implémenter cette fonction peut rendre nos applications Web plus flexibles, évolutives et conviviales. Cet article explique comment utiliser les fonctions JavaScript pour implémenter la navigation et le routage des pages Web, et fournit des exemples de code spécifiques. Implémentation de la navigation Web Pour une application Web, la navigation Web est la partie la plus fréquemment utilisée par les utilisateurs. Lorsqu'un utilisateur clique sur la page
Mises à jour en temps réel des visualisations de données à l'aide des fonctions JavaScript
Nov 04, 2023 pm 03:30 PM
Mises à jour en temps réel de la visualisation des données à l'aide des fonctions JavaScript Avec le développement de la science des données et de l'intelligence artificielle, la visualisation des données est devenue un outil important d'analyse et d'affichage des données. En visualisant les données, nous pouvons comprendre les relations et les tendances entre les données de manière plus intuitive. Dans le développement Web, JavaScript est un langage de script couramment utilisé doté de puissantes fonctions de traitement de données et d'interaction dynamique. Cet article présentera comment utiliser les fonctions JavaScript pour réaliser des mises à jour en temps réel de la visualisation des données et montrera les fonctionnalités spécifiques.
Utilisez les fonctions JavaScript pour implémenter la connexion des utilisateurs et la vérification des autorisations
Nov 04, 2023 am 10:10 AM
Utilisation des fonctions JavaScript pour implémenter la connexion des utilisateurs et la vérification des autorisations Avec le développement d'Internet, la connexion des utilisateurs et la vérification des autorisations sont devenues des fonctions essentielles pour de nombreux sites Web et applications. Afin de protéger la sécurité des données et les droits d'accès des utilisateurs, nous devons utiliser certaines technologies et méthodes pour vérifier l'identité de l'utilisateur et restreindre ses droits d'accès. JavaScript, en tant que langage de script largement utilisé, joue un rôle important dans le développement front-end. Nous pouvons utiliser des fonctions JavaScript pour implémenter des fonctions de connexion utilisateur et de vérification des autorisations
Utilisez les fonctions JavaScript pour implémenter des carrousels d'images et des effets de diaporama
Nov 04, 2023 am 08:59 AM
JavaScript est un langage de script qui peut être utilisé pour ajouter des effets interactifs aux pages Web. Parmi eux, les effets de carrousel d'images et de diaporama sont des effets d'animation de pages Web courants. Cet article explique comment utiliser les fonctions JavaScript pour obtenir ces deux effets et fournit des exemples de code spécifiques. Carrousel d'images Le carrousel d'images est un effet qui fait pivoter plusieurs images d'une certaine manière. Lors de la mise en œuvre de carrousels d'images, des minuteries JavaScript et des contrôles de style CSS doivent être utilisés. (1) Travail de préparation Tout d'abord, dans le fichier HTML
Utilisez les fonctions JavaScript pour obtenir une interaction utilisateur et des effets dynamiques
Nov 03, 2023 pm 07:02 PM
Utiliser les fonctions JavaScript pour obtenir une interaction utilisateur et des effets dynamiques Avec le développement de la conception Web moderne, l'interaction utilisateur et les effets dynamiques sont devenus la clé pour attirer l'attention des utilisateurs. En tant que langage de script couramment utilisé, JavaScript possède des fonctions puissantes et des fonctionnalités flexibles, et peut réaliser une variété d'interactions utilisateur et d'effets dynamiques. Cet article présentera quelques fonctions JavaScript courantes et donnera des exemples de code spécifiques. La modification du style d'élément (style) peut être facilement modifiée via les fonctions JavaScript
Utiliser les fonctions JavaScript pour charger et télécharger des fichiers
Nov 04, 2023 am 08:30 AM
Utilisation des fonctions JavaScript pour implémenter le téléchargement et le téléchargement de fichiers Avec le développement et la vulgarisation d'Internet, le téléchargement et le téléchargement de fichiers sont devenus l'une des fonctions courantes des applications Web. Cet article explique comment utiliser les fonctions JavaScript pour implémenter les fonctions de téléchargement et de téléchargement de fichiers, et fournit des exemples de code spécifiques. Téléchargement de fichiers Le téléchargement de fichiers fait référence au téléchargement de fichiers locaux sur le serveur via une page Web. FileAPI est fourni en HTML5 pour gérer la sélection et le téléchargement de fichiers. Nous pouvons profiter de Fi dans FileAPI
Utilisez les fonctions JavaScript pour mettre à jour dynamiquement les visualisations de données
Nov 03, 2023 pm 04:56 PM
Visualisation des données mise à jour dynamiquement à l'aide des fonctions JavaScript La visualisation des données est une partie très importante de l'ère du Big Data. Elle peut afficher les données de manière intuitive et aider les gens à mieux comprendre et analyser les données. En tant que langage de script côté client, JavaScript peut réaliser des mises à jour dynamiques de la visualisation des données via des fonctions. Cet article explique comment utiliser les fonctions JavaScript pour obtenir cette fonctionnalité et fournit des exemples de code spécifiques. 1. Bases de la visualisation de données avant de commencer à écrire du code
