【Tutoriel JavaScript】Fonction JavaScript-js tutoriel-php.cn

【Tutoriel JavaScript】Fonction JavaScript

黄舟

Libérer： 2016-12-24 14:50:05

original

943 Les gens l'ont consulté

Fonctions JavaScript

Une fonction est un bloc de code déclenché par un événement ou réutilisable qui s'exécute lorsqu'il est appelé.

Exemple

<!DOCTYPE html>
<html>
<head>
<script>
function myFunction()
{
alert("Hello World!");
}
</script>
</head>

<body>
<button onclick="myFunction()">Try it</button>
</body>
</html>

Copier après la connexion

Syntaxe de fonction JavaScript

Une fonction est un bloc de code entouré d'accolades, avec le mot-clé function utilisé devant :

function functionname()
{
执行代码
}

Copier après la connexion

Lorsque cette fonction est appelée, le code contenu dans la fonction sera exécuté.

Les fonctions peuvent être appelées directement lorsqu'un événement se produit (par exemple lorsque l'utilisateur clique sur un bouton) et peuvent être appelées de n'importe où par JavaScript.

JavaScript est sensible à la casse. Le mot-clé function doit être en minuscules et la fonction doit être appelée avec la même casse que le nom de la fonction.

Appeler une fonction avec des paramètres

Lorsque vous appelez une fonction, vous pouvez lui transmettre des valeurs, qui sont appelées paramètres.

Ces paramètres peuvent être utilisés dans les fonctions.

Vous pouvez envoyer autant de paramètres que vous le souhaitez, séparés par des virgules (,) :

myFunction(argument1,argument2)

Copier après la connexion

Lorsque vous déclarez une fonction, déclarez les paramètres comme variables :

function myFunction(var1,var2)
{
代码
}

Copier après la connexion

Les variables et les paramètres doivent apparaître dans un ordre cohérent. La première variable est la valeur donnée du premier paramètre passé, et ainsi de suite.

Exemple

<button onclick="myFunction(&#39;Harry Potter&#39;,&#39;Wizard&#39;)">Try it</button>

<script>
function myFunction(name,job)
{
alert("Welcome " + name + ", the " + job);
}
</script>

Copier après la connexion

La fonction ci-dessus affichera "Bienvenue Harry Potter, le sorcier" lorsque vous cliquerez sur le bouton. La fonction

est flexible et vous pouvez l'appeler avec différents paramètres, qui donneront différents messages :

Instances

<button onclick="myFunction(&#39;Harry Potter&#39;,&#39;Wizard&#39;)">Try it</button>
<button onclick="myFunction(&#39;Bob&#39;,&#39;Builder&#39;)">Try it</button>

Copier après la connexion

en fonction de ce sur quoi vous avez cliqué Différents boutons, le L'exemple ci-dessus affichera "Bienvenue Harry Potter, le sorcier" ou "Bienvenue Bob, le constructeur".

Fonctions avec valeurs de retour

Parfois, nous souhaitons qu'une fonction renvoie une valeur à l'endroit où elle a été appelée.

Ceci peut être réalisé en utilisant la déclaration return.

Lors de l'utilisation de l'instruction return, la fonction arrête l'exécution et renvoie la valeur spécifiée.

Syntaxe

function myFunction()
{
var x=5;
return x;
}

Copier après la connexion

La fonction ci-dessus renverra la valeur 5.

Remarque : L'intégralité du JavaScript n'arrête pas l'exécution, juste la fonction. JavaScript continuera à exécuter le code à partir duquel la fonction a été appelée.

L'appel de fonction sera remplacé par la valeur de retour :

var myVar=myFunction();

Copier après la connexion

La valeur de la variable myVar est 5, qui est la valeur renvoyée par la fonction "myFunction()".

Même sans l'enregistrer en tant que variable, vous pouvez utiliser la valeur de retour :

document.getElementById("demo").innerHTML=myFunction();

Copier après la connexion

Le innerHTML de l'élément "demo" sera 5, ce que la fonction "myFunction( )" renvoie la valeur.

Vous pouvez baser la valeur de retour sur les arguments passés dans la fonction :

Exemple

Calcule le produit de deux nombres et renvoie le résultat :

function myFunction(a,b)
{
return a*b;
}

document.getElementById("demo").innerHTML=myFunction(4,3);

Copier après la connexion

Le innerHTML de l'élément "demo" sera :

Copier après la connexion

Vous pouvez également utiliser l'instruction return lorsque vous souhaitez simplement quitter la fonction. La valeur de retour est facultative :

function myFunction(a,b)
{
if (a>b)
  {
  return;
  }
x=a+b
}

Copier après la connexion

Si a est supérieur à b, le code ci-dessus quittera la fonction et ne calculera pas la somme de a et b.

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 d'une fonction sont des variables globales et sont accessibles par tous les scripts et fonctions de la page Web.

JavaScript 变量的生存期

JavaScript 变量的生命期从它们被声明的时间开始。

局部变量会在函数运行以后被删除。

全局变量会在页面关闭后被删除。

向未声明的 JavaScript 变量分配值

如果您把值赋给尚未声明的变量，该变量将被自动作为全局变量声明。

这条语句：