Latest web development tutorials
×

JavaScript cours

JavaScript cours JavaScript Brève introduction JavaScript usage JavaScript exportation JavaScript grammaire JavaScript Déclarations JavaScript note JavaScript variable JavaScript Types de données JavaScript Objets JavaScript fonction JavaScript portée JavaScript événement JavaScript chaîne JavaScript opérateurs JavaScript comparer JavaScript If...Else JavaScript switch JavaScript for JavaScript while JavaScript Break & Continue JavaScript typeof JavaScript Type de conversion JavaScript expressions régulières JavaScript erreur JavaScript debugging JavaScript ascenseur variable JavaScript Strict mode JavaScript utilisation inappropriée JavaScript Authentification Forms JavaScript Mots clés réservés JavaScript JSON JavaScript void JavaScript Spécification code

JS fonction

JavaScript Définition de la fonction JavaScript Arguments de la fonction JavaScript appel de fonction JavaScript fermetures

JS HTML DOM

DOM Brève introduction DOM HTML DOM CSS DOM événement DOM EventListener DOM élément

JS Tutorial avancée

JavaScript Objets JavaScript Number JavaScript String JavaScript Date JavaScript Array JavaScript Boolean JavaScript Math JavaScript RegExp Objets

JS Navigateur BOM

JavaScript Window JavaScript Window Screen JavaScript Window Location JavaScript Window History JavaScript Navigator JavaScript pop JavaScript événement Timed JavaScript Cookies

JS entrepôt

JavaScript entrepôt JavaScript test jQuery JavaScript test Prototype

JS Exemples

JavaScript Exemples JavaScript instance de l'objet JavaScript instance d'objet du navigateur JavaScript HTML DOM Exemples JavaScript résumé

JS Manuel de référence

JavaScript Objets HTML DOM Objets

fonction JavaScript

La fonction est event-driven ou des blocs de code réutilisables exécuté lorsqu'il est appelé.

Exemples

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

</script>
</head>

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


syntaxe de la fonction JavaScript

Le bloc fonctionnel est enveloppé dans des accolades, et précédemment utilisé la fonction mot-clé:

functionfunctionname()
{
执行代码
}

Lorsque la fonction est appelée, il va exécuter le code dans la fonction.

Il peut appeler directement la fonction lorsqu'un événement se produit (par exemple, lorsque l'utilisateur clique sur le bouton), et JavaScript peut être appelé à une position quelconque.

lampe JavaScript est sensible à la casse. Mots-clés fonction doit être en minuscules, et doit fonctionner avec le même nom que le cas pour appeler la fonction.


Appels de fonction avec des arguments

Lorsque vous appelez la fonction, vous pouvez passer une valeur, ces valeurs sont appelées arguments.

Ces paramètres peuvent être utilisés dans la fonction.

Vous pouvez envoyer un certain nombre de paramètres, séparés par une virgule (,):

myFunction(argument1,argument2)

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

function myFunction( var1 , var2 )
{
代码
}

Les variables et les paramètres doivent apparaître dans le même ordre. La première variable est la valeur du paramètre donné d'abord passé, et ainsi de suite.

Exemples

<button onclick="myFunction( 'Harry Potter' , 'Wizard' )">Try it</button>

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

Essayez »

Le bouton de fonction ci-dessus est cliqué invites "Bienvenue Harry Potter, l'Assistant".

La fonction est très flexible, vous pouvez utiliser différents paramètres pour appeler cette fonction, ce qui donnera un message différent:

Exemples

<button onclick="myFunction( 'Harry Potter' , 'Wizard' )">Try it</button>
<button onclick="myFunction( 'Bob' , 'Builder' )">Try it</button>

Essayez »

Selon les différents boutons vous cliquez, l'exemple ci-dessus vous demandera "Bienvenue Harry Potter, l'Assistant" ou "Bienvenue Bob, le bricoleur".


La fonction renvoie une valeur avec

Parfois, nous voulons que la fonction renvoie une valeur à la fonction appelante.

En utilisant l'instruction de retour peut être atteint.

Lorsque vous utilisez l'instruction de retour, la fonction arrête l'exécution et retourne la valeur spécifiée.

grammaire

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

La fonction ci-dessus renvoie une valeur de 5.

Remarque: L'ensemble du JavaScript ne stoppe pas l' exécution, juste fonction. exécution de code JavaScript continuera d'où la fonction est appelée.

Les appels de fonction seront retournés valeur substituée:

var myVar=myFunction();

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

Sinon l'enregistrer comme une variable, vous pouvez utiliser la valeur de retour:

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

innerHTML élément "demo" sera de 5, qui est, "() myFunction" valeur retournée par la fonction.

Vous pouvez faire la valeur de retour est passé à une fonction basée sur les paramètres:

Exemples

Le produit de deux nombres et retourne le résultat:

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

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

innerHTML élément "demo" sera:

12

Essayez »

Lorsque vous voulez juste pour quitter la fonction, la déclaration de retour peut également être utilisé. La valeur de retour est facultatif:

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

Si un est supérieur à b, puis le code ci-dessus va quitter la fonction et ne calcule pas la somme de a et b.


Variables JavaScript locales

variable JavaScript déclarée dans une fonction ( en utilisant var) est une variable locale, de sorte qu'il ne peut être consulté dans la fonction. (Champ d'application de la variable est locale).

Vous pouvez utiliser le même nom de variable locale dans différentes fonctions, parce que la fonction déclarée de la variable pour identifier la variable.

Tant que la fonction est terminée, la variable locale sera supprimée.


Variable globale JavaScript

Les variables déclarées en dehors d' une fonction est une variable globale que tous les scripts et les fonctions de la page peuvent y accéder.


La survie des variables JavaScript

Vie des variables JavaScript à partir du moment où elles sont déclarées pour commencer.

Les variables locales seront supprimés après la fonction est exécutée.

Les variables globales sont supprimés après la fin de la page.


Attribuer des valeurs aux variables JavaScript non déclarées

Si vous affectez une valeur à une variable n'a pas été déclarée, les variables seront automatiquement déclarés comme des variables globales.

Cette déclaration:

carname="Volvo";

Nous allons déclarer une RARnom variable globale, même si elle est réalisée au sein de la fonction.