Notes d'étude JavaScript (4) fonction fonction part_basic connaissances

Une fonction est un bloc de code événementiel ou réutilisable qui s'exécute lorsqu'elle est appelée.
Jscript prend en charge deux types de fonctions : l'une est la fonction interne du langage (telle que eval()) et l'autre est créée par vous-même.

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 portant le même nom dans différentes fonctions car seule la fonction dans laquelle la variable est déclarée reconnaîtra la variable.

Comment appeler des fonctions

1. Appel ordinaire : functionName (paramètres réels...)

2. Appel via une variable pointant vers la fonction :

var maVar = nom de la fonction;

myVar(paramètre réel...);

Fonction qui renvoie une fonction

　1. Lorsqu'une fonction n'a pas de valeur de retour claire, la valeur renvoyée est "indéfinie".

　2. Lorsqu'une fonction a une valeur de retour, quelle que soit la valeur de retour, elle est renvoyée.

Nous pouvons renvoyer une fonction à l'endroit où elle a été appelée en utilisant l'instruction return.

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

Les fonctions renvoient généralement une valeur unique, cette valeur peut donc également être une autre fonction :

Copier le code Le code est le suivant :

Ici, nous attribuons simplement la valeur de retour à une variable, puis nous l'appelons comme une fonction normale :

Copier le code Le code est le suivant :

Si vous souhaitez que la fonction renvoyée soit exécutée immédiatement, vous pouvez également utiliser box()() pour exécuter ce code.

Les paramètres de toutes les fonctions ECMAScript sont passés par valeur, ce qui signifie que les paramètres ne sont pas passés par référence.

PS : S'il y a passage par référence, alors la variable dans la fonction sera une variable globale et sera également accessible en externe.

(1) Type de valeur : valeur numérique, valeur booléenne, nulle, non définie.
(2) Type de référence : objet, tableau, fonction.

Valeur de type référence : fait référence aux objets stockés dans la mémoire tas, ce qui signifie que ce qui est enregistré dans la variable n'est en fait qu'un pointeur exécute un autre emplacement dans la mémoire, et l'objet est enregistré à cet emplacement ; 🎜 > Créer une fonction anonyme

Copier le code Le code est le suivant :

fonction(){
return 'Lee'; //Une fonction anonyme distincte ne peut pas être exécutée Même si elle peut être exécutée, elle ne peut pas être appelée car elle n'a pas de nom
>

Ce type de fonction anonyme a de nombreuses utilisations dans JQuery. Déclarez directement une fonction anonyme et utilisez-la immédiatement. L'avantage d'utiliser des fonctions anonymes est que vous n'avez pas besoin de définir une fonction qui est utilisée une fois et de ne pas l'utiliser ensuite, et cela évite également le problème des conflits de noms. Il n'y a pas de concept d'espace de noms dans js, donc cela. Il est facile que les noms de fonctions entrent en conflit. En cas de conflit de noms, le dernier déclaré prévaudra.

Exécuter une fonction anonyme via l'auto-exécution :

Copier le code Le code est le suivant :

//Exécuter une fonction anonyme par auto-exécution

Attribuer la valeur de retour de l'auto-exécution de la fonction anonyme à une variable :

Copier le code Le code est le suivant :

//Attribue la valeur de retour de l'auto-exécution de la fonction anonyme à la variable

Passer des paramètres à une fonction anonyme auto-exécutable :

Copier le code Le code est le suivant :

//Passer les paramètres de la fonction anonyme auto-exécutable

javascript crée une fonction dynamique :

JavaScript prend en charge la création de fonctions dynamiques. Les fonctions dynamiques doivent être définies à l'aide d'objets Function (Function est un objet en JavaScript et est fixe. Il est stipulé que le "F" de l'objet Function doit être en majuscule. Lorsqu'il s'agit d'un objet Function function, on sait C'est un mot-clé utilisé lors de la définition d'une fonction : function funName(x, y). Quand c'est Function (quand F est en majuscule), on sait que c'est un objet en JavaScript)

.

Le format de base pour créer une fonction dynamique : var variable name = new Function("Parameter 1", "Parameter 2", "Parameter n", "Execution Statement"

); Regardez le morceau de code suivant :

Copier le code Le code est le suivant :

square est une fonction créée dynamiquement. Chaque partie du contenu entre parenthèses après l'objet Function doit être sous forme de chaîne, c'est-à-dire qu'elle doit être placée entre guillemets ("" ou '')

Ce code :

var carré = nouvelle fonction ("x","y","var sum ; sum = x y;return sum;");

et le code suivant :

Copier le code Le code est le suivant :

fonction carré (x,y){

        var somme ;
          somme = x y;
           renvoyer la somme ;
>

sont exactement les mêmes, sauf que l'une est une fonction dynamique et l'autre est une fonction statique. Pourquoi devrions-nous diviser le code en petits morceaux de code ? , l'avantage de diviser une chaîne en plusieurs chaînes indépendantes est que l'on peut changer la fonction de la fonction à tout moment en modifiant certaines chaînes.

Fonction de rappel

Le rappel est le processus d'appel d'une fonction. Commençons donc par comprendre ce processus d’appel. La fonction a a un paramètre, qui est la fonction b. Lorsque la fonction a est exécutée, la fonction b est exécutée. Ce processus est alors appelé rappel.

En fait, le chinois est aussi facile à comprendre : callback, callback, signifie rappeler. Terminez la fonction a à l’avance et appelez la fonction b plus tard.

Une chose doit être claire ici : la fonction b est passée à la fonction a sous la forme d'un paramètre, puis la fonction b est appelée fonction de rappel.

La plupart des fonctions d'effet dans jquery impliquent des fonctions de rappel. fonction d'effet jquery

Par exemple :

Copier le code Le code est le suivant :

La fonction de rappel ici peut être remplacée par un exemple :

Copier le code Le code est le suivant :

Le rappel signifie en fait qu'après l'exécution d'une fonction, la fonction actuellement exécutée est ce qu'on appelle la fonction de rappel. Et ça ? C'est facile à comprendre...

La différence entre les méthodes et les fonctions

Copier le code Le code est le suivant :

vararr = [1,2,3,4,5]
var a =12; // Variable : libre
arr.a= 5; //Attribut : Appartient à un objet
function show() //Fonction : Gratuit
{
​​ alert('a');
>
arr.fn = function() //Méthode : Appartient à un objet
{
alerte('b');
>

En fait, les méthodes sont des fonctions, mais les méthodes sont des objets auxquels elles appartiennent.

Comme nous le savons tous, lier une fonction à l'événement de clic
Syntaxe :

$(sélecteur).click(fonction)
Description du paramètre
la fonction est facultative. Spécifie une fonction à exécuter lorsqu'un événement de clic se produit.
Ce formulaire est souvent vu dans jquery. Il utilise la fonction comme paramètre de la méthode et ajoute une fonction de gestion d'événements à la méthode.

Fonction globale js

Les fonctions globales ne sont pas le même concept que les propriétés ou les méthodes des objets intégrés. Les fonctions globales n'appartiennent à aucun objet intégré.
JavaScript contient les 7 fonctions globales suivantes, qui sont utilisées pour compléter certaines fonctions courantes :

escape( ), eval( ), isFinite( ), isNaN( ), parseFloat( ),
parseInt( ), unescape( ).
Plusieurs fonctions de fonctions

Utilisé comme constructeur de classe

Copier le code Le code est le suivant :

classe de fonction(){}
class.prototype={};
var item=nouvelle classe();

Utiliser comme fermeture

Copier le code Le code est le suivant :

(fonction(){
//Portée indépendante
})();

Appeler en tant que constructeur

La fonction dite constructeur consiste à générer un nouvel objet via cette fonction.

Copier le code Le code est le suivant :

Les objets peuvent être créés et initialisés à l'aide de l'opérateur new en conjonction avec des constructeurs prédéfinis tels que Object(), Date() et Function(). Une fonctionnalité puissante de la programmation orientée objet est la possibilité de définir des constructeurs personnalisés pour créer des objets personnalisés à utiliser dans des scripts. Création d'un constructeur personnalisé afin que des objets avec des propriétés définies puissent être créés. Vous trouverez ci-dessous un exemple de fonction personnalisée (notez l'utilisation du mot-clé this).

Copier le code Le code est le suivant :

fonction Cercle (xPoint, yPoint, rayon) {

This.x = xPoint; // La coordonnée x du centre du cercle.
This.y = yPoint; // La coordonnée y du centre du cercle.
This.r = rayon; // Le rayon du cercle.
>

Lors de l'appel du constructeur Cercle, donnez la valeur du point central et le rayon du cercle (tous ces éléments sont nécessaires pour définir complètement un objet cercle unique). En fin de compte, l'objet Circle contient trois propriétés. Voici comment instancier un objet Circle.

var aCircle = new Circle(5, 11, 99);
L’avantage d’utiliser une fonction constructeur est qu’elle peut recevoir certains paramètres lors de la création d’un objet.

Copier le code Le code est le suivant :

Par convention, nous devrions mettre en majuscule la première lettre d’une fonction constructeur pour la distinguer des fonctions ordinaires.

Les deux formes suivantes de définition de fonctions sont équivalentes.

Copier le code Le code est le suivant :

Une variable test est ici clairement définie, et sa valeur initiale est affectée à une entité fonction

Copier le code Le code est le suivant :

Regardez le formulaire de fonction défini suivant :

Copier le code Le code est le suivant :

Évidemment, la première fonction n’a pas fonctionné. C’est étrange, n’est-ce pas ? Nous savons que le moteur d'analyse JavaScript n'exécute pas le code ligne par ligne, mais exécute le code section par section. Dans l'analyse et l'exécution du même programme, les instructions de fonction définies seront exécutées en premier, donc la logique du code de la première définition a été écrasée par la seconde, donc lorsque la même fonction est appelée deux fois, seule la seconde sera exécuté.

fonctionner comme valeur

La fonction n'est pas seulement une syntaxe en js, mais aussi une valeur. C'est-à-dire que la fonction peut être affectée à une variable, stockée dans une propriété d'un objet ou d'un élément d'un tableau, et passée en paramètre à une autre fonction.
Le nom de la fonction est en réalité invisible, c'est juste le nom de la variable, qui fait référence à l'objet fonction

Copier le code Le code est le suivant :

En plus d'attribuer des fonctions à des variables, vous pouvez également attribuer des fonctions à des attributs d'objets. Lorsqu'une fonction est appelée en tant qu'attribut d'un objet, la fonction est appelée une méthode

.

Copier le code Le code est le suivant :

attribut prototype

Chaque fonction contient l'attribut prototype, qui pointe vers une référence à un objet. Cet objet est appelé objet prototype.
Pour plus de détails, voir : Notes d'étude JavaScript (5) Prototype et chaîne de prototypes

Fonctions d'ordre supérieur

La fonction d'ordre supérieur ici n'est pas la fonction d'ordre supérieur en mathématiques supérieures. La fonction dite d'ordre supérieur est une fonction qui opère sur une fonction. Elle reçoit une ou plusieurs fonctions comme paramètres et renvoie une nouvelle fonction.