Une brève analyse de la compréhension des fonctions dans JS

Texte : Nous savons qu'en js, une fonction est en fait un objet. Chaque fonction est une instance du type Function et possède les mêmes propriétés et méthodes que les autres types de référence. Par conséquent, le nom de la fonction est en réalité un pointeur vers l’objet fonction et n’est pas lié à une fonction. En plus des deux méthodes de définition courantes (voir ci-dessous), il existe une autre méthode de définition qui peut refléter plus intuitivement ce concept :

var sum = new Function("num1", "num2", "return num1 + num2"); //不推荐

Le constructeur de Function peut recevoir n'importe quel nombre de arguments, mais le dernier argument est toujours considéré comme le corps de la fonction. L'un des inconvénients de cette méthode est qu'elle entraînera l'analyse du code deux fois. La première fois consiste à analyser le code ES de base et la deuxième fois à analyser la chaîne transmise au constructeur. Cela entraînera une diminution des performances. .Écrivez ici Cela aide à comprendre le concept selon lequel les fonctions dans js sont en fait des objets.

(1) Il n'y a pas de concept de surcharge dans les fonctions js

En ce qui concerne le concept de surcharge, comparons-le à la façon dont la surcharge est implémentée en Java : En Java, les méthodes sont implémentées via des méthodes Une signature identifie de manière unique une méthode. La signature de la méthode comprend : le nom de la méthode, le nombre de paramètres, l'ordre des paramètres et le type de paramètre. Par conséquent, si les noms de méthode de deux méthodes sont identiques mais que les autres éléments de signature sont différents, le compilateur les considérera comme deux méthodes différentes, de sorte que différentes méthodes portant le même nom peuvent exister pour réaliser le concept de surcharge. (Citation : Comment comprendre en profondeur pourquoi il n'y a pas de surcharge dans js - réponse de manxisuo dans segmentfault).

Comme nous l'avons dit ci-dessus, le nom de la fonction dans js est en fait un pointeur vers l'objet fonction. Par conséquent, le nom de la fonction peut être considéré comme l'identifiant unique d'une fonction. list, donc elle n'apparaîtra pas. Deux fonctions portant le même nom (car un pointeur ne peut pointer que sur un objet à la fois) n'ont pas la notion de surcharge. Par exemple :

function sum(num1, num2){
return num1 + num2;
}
function sum(num1, num2, num3){
return num1 + num2 + num3;
}

Ce qui précède peut s'écrire d'une autre manière, qui sera plus intuitive :

var sum = function(num1, num2){
return num1 + num2;
}
sum = function(num1, num2, num3){
return num1 + num2 + num3;
}

Dans ce Il est évident que la ligne ci-dessus pointe vers la fonction (num1, num2), puis pointe vers la fonction (num1, num2, num3), provoquant l'écrasement du deuxième pointeur sur le premier pointeur, donc plus Il est évident qu'il y a aucune notion de surcharge en js.

(2) La différence entre la déclaration de fonction et l'expression de fonction

Nous savons qu'il existe deux méthodes couramment utilisées pour définir des fonctions : la déclaration de fonction et l'expression de fonction.

La déclaration de fonction peut être considérée comme la méthode de définition la plus courante, comme le montre l'exemple suivant :

function sum(num1, num2){
return num1 + num2;
}

Expression de fonction, cette méthode de définition est utilisée dans fermetures et certains frameworks Il est souvent utilisé en angulaire, comme le commun $scope.doSomething = function(){...} en angulaire :

sum = function(num1, num2){
return num1 + num2;
};

Les deux méthodes de définition ci-dessus sont presque les mêmes, mais il y a une petite différence, veuillez regarder l'exemple suivant :

//函数声明
alert(sum(100, 100));
function sum(num1, num2){
return num1 + num2;
}
//函数表达式
alert(sum(100, 100));
var sum = function(num1, num2){
return num1 + num2;
};

Les deux morceaux de code ne semblent pas très différents, juste la façon dont la fonction est définie est différent. Mais le fait est que le premier paragraphe fonctionne bien mais que le deuxième paragraphe génère une erreur. En effet, avant que le code ne commence à s'exécuter, l'analyseur a déjà lu et ajouté des déclarations de fonction à l'environnement d'exécution via un processus appelé levage de déclaration de fonction. En termes simples, l'analyseur place d'abord la déclaration de fonction en haut de l'arborescence source. Dans le code ci-dessous, la fonction se trouve dans une instruction d'initialisation (elle n'est pas élevée en haut). En termes simples, avant d'exécuter cette instruction d'affectation, sum ne pointe vers aucune fonction, donc appeler la fonction avant signalera une erreur.

Ce qui précède est la compréhension des fonctions de JS (Basics) introduites par l'éditeur. J'espère que cela vous sera utile. Si vous avez des questions, veuillez me laisser un message et l'éditeur vous répondra. dans le temps de. Je voudrais également vous remercier tous pour votre soutien au site Web PHP chinois !

Pour plus d'articles sur la compréhension des fonctions en JS, veuillez faire attention au site Web PHP chinois !