Explication détaillée des expressions et des constructeurs dans le didacticiel de base javascript

Expression de définition de fonction

Fonction définie en mode expression, le nom de la fonction est facultatif

var functionName = function([arg1 [,arg2 [...,argn]]]){
    statement;
}
var functionName = function funcName([arg1 [,arg2 [...,argn]]]){
    statement;
}

La fonction anonyme (fonction anonyme) est également appelée fonction lambda. sans identifiant après le mot-clé fonction

De manière générale, aucun nom n'est requis lors de la définition de fonctions dans des expressions, ce qui rend le code qui les définit plus compact. Les expressions de définition de fonction sont particulièrement adaptées pour définir des fonctions qui ne seront utilisées qu'une seule fois

var tensquared = (function(x) {return x*x;}(10));

Alors qu'une expression de définition de fonction contient un nom, la portée locale de la fonction contiendra un nom lié à l'objet fonction. En fait, le nom de la fonction deviendra une variable locale à l'intérieur de la fonction

var test = function fn(){
   return fn;
}
console.log(test);//fn(){return fn;}
console.log(test());//fn(){return fn;}
console.log(test()());//fn(){return fn;}

Pour les expressions de fonction nommées, le nom de la fonction est équivalent au paramètre formel de l'objet fonction et ne peut être utilisé qu'à l'intérieur. la fonction; Le nom de la variable est équivalent au paramètre réel de l'objet fonction. Il peut être utilisé à la fois à l'intérieur et à l'extérieur de la fonction

var test = function fn(){   
  return fn === test;
}
console.log(test());//true
console.log(test === fn);//ReferenceError: fn is not defined

La fonction définit un attribut de nom non standard, à travers lequel la fonction. Le nom spécifié par la fonction donnée est accessible. , la valeur de cet attribut est toujours égale à l'identifiant qui suit le mot-clé de la fonction. L'attribut name de la fonction anonyme est vide

//IE11-浏览器无效，均输出undefined
//chrome在处理匿名函数的name属性时有问题，会显示函数表达式的名字
function fn(){};
console.log(fn.name);//'fn'
var fn = function(){};
console.log(fn.name);//''，在chrome浏览器中会显示'fn'
var fn = function abc(){};
console.log(fn.name);//'abc'

Constructeur de fonction

.

Le constructeur de fonction reçoit n'importe quel nombre de paramètres, mais le dernier paramètre est toujours considéré comme le corps de la fonction, et les paramètres précédents énumèrent les paramètres de la nouvelle fonction

var functionName = new Function(['arg1' [,'arg2' [...,'argn']]],'statement;');

[Remarque] Le constructeur de fonction ne peut pas spécifiez un nom de fonction, cela crée Est une fonction anonyme

Techniquement parlant, il s'agit d'une expression de fonction. Cependant, cela n’est pas recommandé car cette syntaxe entraîne une analyse double du code. La première fois consiste à analyser le code javascript normal, et la deuxième fois consiste à analyser la chaîne passée dans le constructeur, ce qui affecte les performances

var sum = new Function('num1','num2','return num1 + num2');
//等价于
var sum = function(num1,num2){    
  return num1+num2;
}

Les fonctions créées par le constructeur Function() seront toujours compilées Exécuter dans une portée mondiale. Par conséquent, le constructeur Function() est similaire à eval() exécuté dans la portée globale

var test = 0;
function fn(){
    var test = 1;
    return new Function('return test');
}
console.log(fn()());//0

[Note] Toutes les fonctions ne peuvent pas devenir des constructeurs

var o = new Math.min();//Uncaught TypeError: Math.min is not a constructor

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!