Maison >interface Web >js tutoriel >Méthodes d'écriture courantes et méthodes d'appel des fonctions js

Méthodes d'écriture courantes et méthodes d'appel des fonctions js

jacklove
jackloveoriginal
2018-06-15 16:44:292102parcourir


Écrit devant : Cet article présente en détail les méthodes courantes d'écriture et d'appel de 5 fonctions js. Quand je regarde habituellement le code des autres, je vois toujours. divers Comment écrire des fonctions js dans différents styles. J'étais confus, alors j'ai trouvé des informations et fait un résumé. Les amis qui en ont besoin peuvent y jeter un œil et les utiliser comme référence.
1. Écriture conventionnelle (la plus courante)

//函数的写法function run () {
        alert('常规写法');//这里是你函数的内容
    } // 调用
    run();

2. Écriture de fonction anonyme (peut être considérée comme l'attribution d'une fonction à un variable)

   // 匿名函数的写法var run = function(){
        alert('这是一种声明函数的方式,左边是一个变量,右边是一个函数的表达式,意思就是把一个匿名的函数表达式赋值给了变量myfun,只是声明了一个变量指向了一个函数对象。');//这里是你函数的内容
    }  // 调用  
    run();

3. Utiliser la méthode comme objet

 // 作为对象方法,函数写法,这里创建了两个函数外面用{}包裹起来
    var Test = {
run1:function(){
  alert('这个必须放在一个对象内部,放在外边会出错!');//这里是你函数的内容}
,run2:function(){
  alert('这个必须放在一个对象内部,放在外边会出错!');//这里是你函数的内容}
}//调用Test.run1();//调用第1个函数Test.run2();//调用第2个函数

4. Ajouter des méthodes à l'objet dans le constructeur
javascript Chaque objet a un attribut prototype. L'explication de l'attribut prototype d'un objet en Javascript est : renvoie une référence au prototype du type d'objet.

// 给对象添加方法
    var funName = function(){};
  funName.prototype.way = function(){
        alert('这是在funName函数上的原始对象上加了一个way方法,构造函数中用到');
    }    // 调用
    var funname = new text();// 创建对象
    funname.way();//调用对象属性

5. Fonction auto-exécutable
J'ai trouvé plusieurs façons différentes d'écrire la fonction auto-exécutable js, et je les ai publiées pour que tout le monde puisse les voir

//方法1:最前最后加括号 (function(){alert(1);}()
); 
/*这是jslint推荐的写法,好处是,能提醒阅读代码的人,这段代码是一个整体。 
例如,在有语法高亮匹配功能的编辑器里,光标在第一个左括号后时,最后一个右括号也会高亮,看代码的人一眼就可以看到这个整体。 */
//方法2:function外面加括号 (function(){alert(1);})(); 
//这种做法比方法1少了一个代码整体性的好处。
//方法3:function前面加运算符,常见的是!与void 。!function(){alert(1);}(); 
void function(){alert(2);}(); 
/*显然,加上“!”或“+”等运算符,写起来是最简单的。 
加上“void ”要敲五下键盘,但是听说有一个好处是,比加"!"少一次逻辑运算。----我只是听说,不明所以。*/

Cet article présente les méthodes courantes d'écriture et d'appel des fonctions js. Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois.

Recommandations associées :

L'ensemble du processus de lecture d'AJAX json avec JS natif

installation et configuration de vue.js

JS implémente l'impression et l'aperçu avant impression dans le navigateur


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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn