Quelles sont les manières d'écrire des fonctions javascript ?

Comment écrire des fonctions : 1. "function function name(){}"; 2. "var function name = function(){}"; ()" ;4. "(function(){...}())"; 5. "$(function(){})".

L'environnement d'exploitation de ce tutoriel : système Windows 7, JavaScript version 1.8.5, ordinateur Dell G3.

Javascript est plus simple que les autres langages de programmation, donc le code Javascript est plein de toutes sortes de façons d'écrire étranges, et parfois c'est juste un flou. Cet article expliquera comment écrire des fonctions JavaScript.

En Javascript il n'y a que des objets. Les variables sont des objets et les fonctions sont également des objets. Tant que vous savez quel est votre objet, utilisez-le simplement de la manière dont il est utilisé.

Javascript est faiblement typé, les objets, instances, fonctions et méthodes sont universels. La distinction n’a pas besoin d’être aussi claire.

1. Écriture conventionnelle :

// 函数的定义
function foo() {
    alert('常规写法');
}
// 函数的调用
foo()

Cette méthode d'écriture est la méthode d'écriture et d'appel la plus familière et la plus facile à comprendre. continuez à lire

2. Méthode d'écriture de fonction anonyme

// 函数的定义
var foo = function(){
    alert('匿名函数定义');
}
// 函数的调用
foo()

Ici, la définition de la fonction est rendue anonyme, éliminant en même temps la douleur de la dénomination. temps, elle est affectée à une variable et la variable devient synonyme de la fonction. Ensuite, voir

3 Utiliser la méthode comme objet <🎜. >

// 定义
var test = {
    fun1: function(){  },
    fun2: function(){  }
}
// 调用
test.fun1();
test.fun2();

4. Ajoutez des méthodes à l'objet dans le constructeur

// 给对象添加方法
var fun = function(){ };  // 定义函数对象
fun.prototype.test = function(){ 
    alert('这是在在foo函数上的原始对象上添加test方法，构造函数中用到');
}

// 调用
var myfun = new fun(); // 创建对象
myfun.test(); // 调用对象属性

5. Fonctions auto-exécutables ( function(){…} )() et ( function(){…} () )

Déclaration de fonction, expression de fonction, fonction anonyme

Déclaration de fonction : function fnName () {…} Utilisez le mot-clé function pour déclarer un fonction, puis spécifiez un nom de fonction, appelé déclaration de fonction .

Expression de fonction var fnName = function () {…}; Utilisez le mot-clé function pour déclarer une fonction, mais ne donnez pas de nom à la fonction. Enfin, attribuez la fonction anonyme à un. variable, appelée Expression de fonction, qui est la forme syntaxique la plus courante d'expression de fonction.

Fonction anonyme  : function () {} ; Utilisez le mot-clé function pour déclarer une fonction, mais ne donnez pas de nom à la fonction, elle est donc appelée une fonction anonyme. aux expressions de fonction. Les fonctions anonymes ont de nombreuses fonctions, l'attribution d'une variable crée une fonction, l'attribution d'un événement devient un gestionnaire d'événement ou crée une fermeture, etc.

// 方式1： ( function(){…} () )
(
     function(){alert('hello world, I am coming');}()
);
// 函数有参数的情况，有时为确保执行，前面加;
// 看到别人的插件，你会发现人家开头处加了一个";"，这样就算页面js有错误，加载运行他的插件也能保证运行，如：
;(function(e){alert(e);}('hello world'));

// 方式2：( function(){…} )()
(function(){alert('hello');})();

// 有时在前面加运算符，常见的是!与void
!function(){alert('hello');}();
void function(){alert(2);}();

6 $(function(){}) s'écrit

est l'abréviation de $ (function(){/<em>…</em>/});, qui est chargé dans le DOM Une fonction de rappel qui est exécutée une fois terminée et qui ne sera exécutée qu'une seule fois. $(document).ready(function(){/<em>…</em>/})

$( document ).ready(function() {
   console.log( "ready!" );
});

$(function() {
   console.log( "ready!" );
});

écrites en différents js sur une page seront exécutées en séquence selon l'ordre de js. $(function(){/<em>…</em>/});

Tutoriel JavaScript avancé]

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!