js函数常见的写法以及调用方法

写在前面：本文详细的介绍了5中js函数常见的写法以及调用的方法，平时看别人代码的时候总是看到各种不同风格的js函数的写法。不明不白的，找了点资料，做了个总结，需要的小伙伴可以看看，做个参考。
1.常规写法（最常见的那种）








//函数的写法







function run () {







        alert('常规写法');//这里是你函数的内容







    }







 // 调用







    run();

2.匿名函数写法（可以想成给变量赋值一个函数）








   // 匿名函数的写法







var run = function(){







        alert('这是一种声明函数的方式，左边是一个变量，右边是一个函数的表达式，意思就是把一个匿名的函数表达式赋值给了变量myfun，只是声明了一个变量指向了一个函数对象。');//这里是你函数的内容







    }







  // 调用  







    run();

3.将方法作为一个对象








　// 作为对象方法，函数写法，这里创建了两个函数外面用{}包裹起来







    var Test = {







run1:function(){







  alert('这个必须放在一个对象内部，放在外边会出错！');//这里是你函数的内容







}







,run2:function(){







  alert('这个必须放在一个对象内部，放在外边会出错！');//这里是你函数的内容







}







}







//调用







Test.run1();//调用第1个函数







Test.run2();//调用第2个函数

4.构造函数中给对象添加方法

javascript中的每个对象都有prototype属性，Javascript中对象的prototype属性的解释是：返回对象类型原型的引用。








// 给对象添加方法







    var funName = function(){};







  funName.prototype.way = function(){







        alert('这是在funName函数上的原始对象上加了一个way方法，构造函数中用到');







    }







    // 调用







    var funname = new text();// 创建对象







    funname.way();//调用对象属性

5.自执行函数

js自执行函数查到了几种不同写法，放上来给大家看看








//方法1：最前最后加括号 







(







function(){alert(1);}()







); 







/*这是jslint推荐的写法，好处是，能提醒阅读代码的人，这段代码是一个整体。 







例如，在有语法高亮匹配功能的编辑器里，光标在第一个左括号后时，最后一个右括号也会高亮，看代码的人一眼就可以看到这个整体。 */








//方法2：function外面加括号 







(function(){alert(1);})(); 







//这种做法比方法1少了一个代码整体性的好处。








//方法3：function前面加运算符，常见的是!与void 。







!function(){alert(1);}(); 







void function(){alert(2);}(); 







/*显然，加上“!”或“+”等运算符，写起来是最简单的。 







加上“void ”要敲五下键盘，但是听说有一个好处是，比加"!"少一次逻辑运算。----我只是听说，不明所以。*/

以上。

参考：1.http://www.jb51.net/article/31078.htm

2.http://www.cnblogs.com/Imever/p/4777985.html
希望看完的朋友点个喜欢，想关注我这个菜鸡是如何成长的也可以关注一下我，基本上每个月都不会少于十五篇文章（看到干货我也会进行分享）。然后github也互相加个star。码字不易，感谢支持，感激不尽！
ps：如果希望我写哪方面的文章可以在底下评论，或者是私信我，虽然写的不好，但我就当这是记录自己成长的一种方式咯。（前提是我会了，如果不会我也会记下来，等会了的时候再更出来。），

秒客网

js函数常见的写法以及调用方法

相关文章