js函数常见的写法以及调用方法
程序员文章站
2022-03-30 16:02:26
...
写在前面:本文详细的介绍了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 ”要敲五下键盘,但是听说有一个好处是,比加"!"少一次逻辑运算。----我只是听说,不明所以。*/
本文介绍了js函数常见的写法以及调用方法,更多相关内容请关注。
相关推荐:
以上就是js函数常见的写法以及调用方法的详细内容,更多请关注其它相关文章!
推荐阅读
-
Angular外部使用js调用Angular控制器中的函数方法或变量用法示例
-
JS的函数调用栈stack size的计算方法
-
原生js jquery ajax请求以及jsonp的调用方法
-
QML调用C++的属性的方法:从QML调用C++中的函数以及连接C++中的信号
-
一个Js文件函数中调用另一个Js文件函数的方法演示
-
js中,方法定义在构造函数内部,外部以及定义在prototype上的区别
-
js中的4种函数调用模式:函数调用、方法调用、构造器调用、间接调用
-
node.js调用C++函数的方法示例
-
基于js原生和ajax的get和post方法以及jsonp的原生写法实例
-
js下函数般调用正则的方法附代码