Quatre façons de déclarer des fonctions en js

Cette fois, je vais vous présenter quatre façons de déclarer des fonctions en js Quelles sont les précautions pour déclarer des fonctions en js. Ce qui suit est un cas pratique, jetons un coup d'œil. .

Fonction, voici ses utilisations possibles et les relations entre elles.

Première méthode d'utilisation :

var foo01 = function() {   
    var temp = 100;       
    this.temp = 200;       
    return temp + this.temp;   
}   
alert(typeof(foo01));   
alert(foo01());

Résultat d'exécution : fonction 300
Explication : La façon la plus courante d'utiliser la fonction est de définir une fonction JavaScript. Les deux méthodes d'écriture ont exactement les mêmes effets opérationnels, mais la seule différence est que cette dernière méthode d'écriture a une priorité d'initialisation plus élevée. Dans la portée variable à l'intérieur du grand signe d'agrandissement, cela fait référence au propriétaire de foo01, qui est l'objet fenêtre.

Méthode d'utilisation deux :

var foo02  =  new function() {    var temp  =  100;    this.temp  =  200;       
    return  temp  +  this.temp;   
}   
console.log( typeof( foo02 ) );   //'object'console.log( foo02.constructor() ); //300

Résultat de l'opération : objet 300
Explication : Il s'agit d'une méthode d'utilisation de fonction relativement semblable à un puzzle, qui semble définir une fonction. Mais en réalité, il s’agit d’un objet défini par l’utilisateur en JavaScript, mais ici c’est une classe anonyme. Cette utilisation n'a fondamentalement rien à voir avec l'utilisation de la fonction elle-même. Une portée variable sera construite dans le grand signe d'expansion, et cela fait référence à la portée elle-même.

Troisième méthode d'utilisation :

var foo3  =  new Function('var temp = 100; this.temp = 200; return temp + this.temp;');   
alert( typeof( foo3 ) );   
alert( foo3() );

Résultat d'exécution : fonction 300
Explication : utilisez l'objet systèmefonction intégrée pour construire une fonction, qui est la même chose que la première méthode La première méthode est identique en termes d'effet et de priorité d'initialisation, c'est-à-dire que le corps de la fonction est donné sous forme de chaîne.

Méthode d'utilisation quatre :

var foo4 = Function('var temp = 100; this.temp = 200; return temp + this.temp;');   
alert( typeof( foo4 ) );   
alert( foo4() );

Résultat d'exécution : fonction 300
Explication : Cette méthode n'est pas couramment utilisée. L'effet est le même que la méthode trois, mais il n'est pas clair. si new est utilisé. La génération a-t-elle des effets secondaires ? Cela reflète également l'une des plus grandes fonctionnalités de JavaScript : la flexibilité ! Enregistrez ce que vous pouvez.

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture connexe :

Explication détaillée du rendu de la liste Vue

Utilisez 4a249f0d628e2318394fd9b75b4636b1 et le paragraphe e388a4556c0f65e1904146cc1a846bee pour rédiger des citations Sanmao

Amélioration du style en ligne HTML "Sanmao Classic Quotations"

Analyse approfondie des fonctions JS

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!