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

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

  1. //函数的写法
  2. function run () {
  3.         alert('常规写法');//这里是你函数的内容
  4.     }
  5.  // 调用
  6.     run();

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

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

3.将方法作为一个对象

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

4.构造函数中给对象添加方法 
javascript中的每个对象都有prototype属性，Javascript中对象的prototype属性的解释是：返回对象类型原型的引用。

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

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

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

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

posted @ 2018-08-31 16:50  笠航  阅读(6111)  评论(0)  编辑  收藏  举报