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

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

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

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

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

3.将方法作为一个对象

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

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

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

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

1
2
3
4
5
6
//方法1:最前最后加括号
(
function(){alert(1);}()
);
/*这是jslint推荐的写法,好处是,能提醒阅读代码的人,这段代码是一个整体。
例如,在有语法高亮匹配功能的编辑器里,光标在第一个左括号后时,最后一个右括号也会高亮,看代码的人一眼就可以看到这个整体。 */

1
2
3
//方法2:function外面加括号
(function(){alert(1);})();
//这种做法比方法1少了一个代码整体性的好处。
1
2
3
4
5
//方法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:如果希望我写哪方面的文章可以在底下评论,或者是私信我,虽然写的不好,但我就当这是记录自己成长的一种方式咯。(前提是我会了,如果不会我也会记下来,等会了的时候再更出来。)
简书主页链接csdn博客主页链接

听说,打赏我的人最后都找到了真爱。