Résumé de quelques points importants à noter dans les fonctions JavaScript et les compétences js anonymes function_javascript

Laissez-moi vous présenter la fonction javascript

La syntaxe de base de la fonction

est :

function functionName(arg0,arg1,...,argN) {
 statements
}

Voici un exemple :

function str(name,age){
 document.write("hello my name is " + name + ". and i am " + age + " years old.");
}
str(" oliver",23); //hello my name is oliver. and i am 23 years old.

De plus, n'importe quelle fonction peut renvoyer une valeur à tout moment en utilisant une instruction return suivie de la valeur à renvoyer. Tel que :

function sum(num1,num2){
 return num1 + num2;
 alert("hello"); //返回return 之后不会继续执行alert
}
var result = sum(321,32);
document.write(result); //353

Étant donné que l'exécution s'arrête et se termine immédiatement après l'instruction return, tout code situé après l'instruction return ne sera pas exécuté.

Bien sûr, une fonction peut contenir plusieurs instructions return. Tel que :

function conp(a,b){
 if (a > b){
 return a;
 }else if (a == b){
 return "equal";
 }else{
 return b;
 }
}
var result = conp(4,4);
document.write(result); //equal
var result = conp(321,4);
document.write(result); //321

De plus, l'instruction return ne peut pas non plus avoir de valeur de retour. De cette façon, l'exécution de la fonction peut être arrêtée immédiatement et undéfini renvoyé. Tel que :

function conp(a,b){
 if (a > b){
 return;
 document.write("bad");
 }else{
 document.write(b);
 }
}
var a = conp(33,3);
document.write(a); //返回undefined 且不会出现"bad"

Paramètres de fonction

Les paramètres de la fonction ECMAScript peuvent être n'importe quel nombre et peuvent être de n'importe quel type de données. Il est accessible via l'objet arguments dans le corps de la fonction, par exemple le premier paramètre est arguments[0], le second est arguments[1], et ainsi de suite. Les paramètres nommés sont pratiques mais ne sont pas obligatoires. Tel que :

function greeting(){
 document.write("hello " + arguments[0] + ". you look " + arguments[1] + ".");
}
greeting("oliver","good"); //hello oliver. you look good.

De plus, vous pouvez obtenir le nombre de paramètres transmis à la fonction en accédant à la propriété length de l'objet arguments. Tel que :

function countArguments(){
 document.write("there are " + arguments.length + " arguments here.");
}
countArguments(321,321,32,32); //there are 4 arguments here.

Vous pouvez l'utiliser pour porter des jugements en combinaison avec des instructions if. Tel que :

function count(){
 if (arguments.length == 1){
 document.write("you just have 1 arguments.");
 }else{
 document.write("you have many arguments.");
 }
}
count(321,321,321) //you have many arguments.

De plus, arguments[] peuvent être utilisés avec des paramètres nommés.

Surcharge des fonctions (pas de surcharge)

Si deux paramètres portant le même nom sont définis, le changement de nom n'appartient qu'à la fonction définie ultérieurement. Tel que :

function add(){
 document.write(arguments[0] + arguments[1]);
}
function add(){
 document.write(arguments[0] + 100);
}
add(321,2); //421 不会执行第一个函数（两个参数相加），只执行最后一个同名的函数（第一个参数加上100）

PS : Fonction anonyme JavaScript

La fonction est l'objet le plus flexible de JavaScript. Nous expliquons ici uniquement l'utilisation de ses fonctions anonymes. Fonction anonyme : C'est une fonction sans nom de fonction.

1.1 Définition de la fonction, introduisez d'abord brièvement la définition de la fonction, qui peut être grossièrement divisée en trois manières

Le premier type : C'est aussi le type le plus courant

function double(x){
 return 2 * x; 
}

Deuxième méthode : cette méthode utilise le constructeur Function et traite à la fois la liste de paramètres et le corps de la fonction comme des chaînes. Ceci est très gênant et n'est pas recommandé.

Copier le code Le code est le suivant :

var double = new Function('x', 'return 2 * x;');

Troisième type :

Copier le code Le code est le suivant :

var double = fonction(x) { return 2* x; >

Notez que la fonction à droite de "=" est une fonction anonyme. Après avoir créé la fonction, la fonction est affectée à la variable carré.

1.2 Création de fonctions anonymes

La première méthode consiste à définir la fonction carré comme mentionné ci-dessus, qui est également l'une des méthodes les plus couramment utilisées.

La deuxième façon :

(function(x, y){
 alert(x + y); 
})(2, 3);

Une fonction anonyme est créée ici (à l'intérieur de la première parenthèse), et la deuxième parenthèse est utilisée pour appeler la fonction anonyme et transmettre les paramètres.