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

更新日期: 2019-02-15阅读: 2.4k标签: 函数分享

复制链接

新浪微博

QQ 好友

扫一扫分享

写在前面：本文详细的介绍了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 ”要敲五下键盘，但是听说有一个好处是，比加"!"少一次逻辑运算。----我只是听说，不明所以。*/

链接: https://fly63.com/article/detial/2025

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

JavaScript 函数式编程

Js函数式编程，给你的代码增加一点点函数式编程的特性

让我们来创建一个JavaScript Wait函数

JavaScript函数创建的细节

编写小而美函数的艺术

javascript回调函数的理解和使用方法(callback)

js调用函数的几种方法_ES5/ES6的函数调用方式

JavaScript中函数的三种定义方法

js在excel的编写_excel支持使用JavaScript自定义函数编写

js中的立即执行函数的写法，立即执行函数作用是什么？