Maison  >  Article  >  interface Web  >  Fonctions en JavaScript (2)_compétences javascript

Fonctions en JavaScript (2)_compétences javascript

WBOY
WBOYoriginal
2016-05-16 15:24:001211parcourir

Une fonction est un bloc de code événementiel ou réutilisable qui s'exécute lorsqu'elle est appelée.

Syntaxe des fonctions JavaScript

Une fonction est un bloc de code entouré d'accolades, précédé du mot clé function :

function functionname()
{
这里是要执行的代码
}

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.

Conseil : 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.

1. Portée de la fonction

La portée fait référence à la portée dans laquelle une variable existe. Il existe deux types de portées en JavaScript, l'une est la portée globale, où les variables existent dans l'ensemble du programme, et l'autre est la portée de la fonction, où les variables n'existent qu'à l'intérieur du corps de la fonction. Les variables déclarées en dehors du corps de la fonction sont des variables globales, qui peuvent également être lues à l'intérieur du corps de la fonction.

var v = 1;
function f(){
   console.log(v);
}
f();

Ce qui précède est une variable globale, qui peut également être utilisée à l'intérieur du corps de la fonction.

function f(){
  var v = 1;
}

Et ceci est une variable locale, qui ne peut pas être lue en dehors du corps de la fonction.

2. Clôture

Une fermeture est une fonction définie à l'intérieur du corps de la fonction.

function f() {
  var c = function (){}; 
}

Dans le code d'appel, c est défini dans le corps de la fonction f, et c est la fermeture.

La caractéristique de la fermeture est que les variables à l'intérieur du corps de la fonction peuvent être lues à l'extérieur du corps de la fonction.

function f() {
  var v = 1;
  var c = function (){
    return v;
  };
  return c;
}
var o = f();
o();
// 1

Le code ci-dessus montre qu'à l'origine en dehors de la fonction f, nous n'avions aucun moyen de lire la variable interne v. Cependant, à l'aide de la fermeture c, cette variable peut être lue.

La fermeture peut non seulement lire les variables internes de la fonction, mais également faire en sorte que les variables internes se souviennent des résultats de l'opération du dernier appel.

function f(b) {
  return function () { 
    return b++;
  }
}
var b= f(5);
b() // 5
b() // 6
b() // 7

La variable b à l'intérieur de la fonction est calculée en fonction de la valeur de l'appel précédent pour chaque appel.

Ce qui précède est la description complète des fonctions en JavaScript (2) présentées par l'éditeur. J'espère que vous l'aimerez.

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn