Qu'est-ce qu'une fonction ?
Une fonction est un ensemble de blocs de code réutilisables. En JavaScript, les fonctions sont pilotées par des événements ou appelées par un autre code.
La fonction est l'un des cœurs du langage JavaScript. Sa syntaxe de base est la suivante :
function functionName(arg0, arg1, ...) {
déclarations<🎜. >}
Interprétation de la syntaxe
Utiliser le mot-clé function pour définir une fonction
Le mot-clé fonction est suivi d'un espace suivi du nom de la fonction
Après le nom de la fonction se trouve une paire de petites parenthèses, arg0, arg1 représente les paramètres de la fonction, et les paramètres sont séparés par ",". Le nombre de paramètres peut être compris entre 0 et 25 (0 signifie aucun paramètre). ). Lorsqu'il n'y a pas de paramètres, les parenthèses () ne peuvent pas être omises. Les paramètres dépassant 25 seront ignorés par JavaScript
{} est le corps de la fonction, qui contient l'instruction fonctionnelle à implémenter par la fonction
.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
<script type="text/javascript">
function hello(name){
document.write(name + "，你好！");
}
</script>
</head>
<body>
<input type="button" onclick="hello('小明')" value="确定" />
</body>
</html>Nom des fonctions JavaScript
Généralement, nous recommandons d'utiliser la dénomination en casse chameau pour les noms de fonctions, et le nom de la fonction peut décrire approximativement la fonction ou les caractéristiques du fonction. La méthode de la casse chameau signifie que le premier caractère est en minuscule et les premières lettres des autres mots en majuscules. Voici quelques exemples de dénomination de fonctions :
function changeName(){ ...<. 🎜>}
function getAgeByInput(){
...
}
De nombreuses personnes utilisent également des traits de soulignement pour séparer les mots dans les noms de fonctions, tels que change_name, qui est également OK, la mise en œuvre réelle peut être basée sur des spécifications spécifiques du projet.
En particulier, le symbole _ (comme _getName) est ajouté avant la fonction, qui est généralement utilisé pour représenter la méthode privée de la classe (objet).
Variables dans les fonctions JavaScript Si une variable est déclarée dans le corps d'une fonction, elle n'est accessible que dans cette fonction. De cette façon, vous pouvez utiliser des variables portant le même nom dans différentes fonctions.
Si une variable est déclarée en dehors d'une fonction, elle est accessible à toutes les fonctions de la page web.
Paramètres de la fonction JavaScriptLes fonctions JavaScript ne peuvent avoir aucun paramètre (mais les parenthèses contenant les paramètres ne peuvent pas être omises), et les paramètres peuvent également être transmis à la fonction pour être utilisés par la fonction.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
<script type="text/javascript">
function hello(name,age){
document.write("我叫" + name + "，今年" + age + "岁！");
}
</script>
</head>
<body>
<input type="button" onclick="hello('小明',18)" value="确定" />
</body>
</html>Exécutez l'exemple, cliquez sur le bouton OK, le résultat est :
Je m'appelle Xiao Ming, j'ai 18 ans !
Comme le montre l'exemple ci-dessus, lorsque la valeur entrante est une chaîne, des guillemets sont requis ; lorsque la valeur entrante est un nombre, aucun guillemet n'est requis.
Erreur de paramètre de fonction JavaScript
Les paramètres de fonction JavaScript n'exigent pas strictement quels paramètres sont des paramètres obligatoires et quels paramètres sont des paramètres facultatifs, donc le nombre Le nombre de paramètres transmis ne doit pas être égal au nombre de paramètres lors de la définition de la fonction.
Si des paramètres non définis sont utilisés dans une fonction, une erreur de syntaxe (paramètres non définis) sera demandée et le code JavaScript ne fonctionnera pas normalement.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
<script type="text/javascript">
function hello(name,age){
document.write("我叫" + name + "，今年" + age + "岁！");
}
</script>
</head>
<body>
<input type="button" onclick="hello('小明')" value="确定" />
</body>
</html>Exécutez l'exemple, cliquez sur le bouton OK et le résultat est :
Je m'appelle Xiao Ming et je ne suis pas défini cette année !
Retour de fonction JavaScript
L'instruction return d'une fonction JavaScript est utilisée pour spécifier la valeur renvoyée de la fonction. Lorsqu'une fonction est exécutée, pour obtenir un résultat en cours d'exécution, vous devez utiliser l'instruction return pour renvoyer le résultat.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
<script type="text/javascript">
function sum(x,y){
return x+y;
}
result = sum(2,3);
document.write( result );
</script>
</head>
<body>
</body>
</html>Exécutez cet exemple de sortie : 5
Instruction de retour sans valeur de retour
Si la fonction ne renvoie rien valeur, alors vous pouvez appeler l'opérateur de retour sans paramètres et quitter la fonction à tout moment :
<script type="text/javascript">
function sum(x,y) {
if( x<y ){
return ;
Variables JavaScript locales
Une variable déclarée dans une fonction JavaScript (à l'aide de var) est une variable locale, elle n'est donc accessible qu'à l'intérieur de la fonction. (La portée de cette variable est locale).
Vous pouvez utiliser des variables locales du même nom dans différentes fonctions, car seule la fonction dans laquelle la variable est déclarée reconnaîtra la variable.
Les variables locales seront supprimées dès que la fonction sera terminée.
Variables JavaScript globales
Les variables déclarées en dehors de la fonction sont des variables globales et sont accessibles par tous les scripts et fonctions du Web pagez-le.
Durée de vie des variables JavaScript
La durée de vie des variables JavaScript commence à partir du moment où elles sont déclarées.
Les variables locales seront 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 déclarée comme variable globale.
Cette instruction :
carname="Volvo";
déclarera une variable globale carname même si elle est exécutée dans une fonction.
section suivante
