js 函数定义的方式

一、总结

一句话总结:

最常见就下面三种

最常见:function func1([参数]){/*函数体*/}
将匿名函数赋值给变量:var func2=function([参数]){/*函数体*/};
json方式:change: function () { $('body').css({'backgroundColor': 'red'}); },

1、function func1([参数]){/*函数体*/}和var func2=function([参数]){/*函数体*/} 定义的函数的区别?

function func1([参数]){/*函数体*/}定义的函数在函数前可以调用

主要区别在于调用的时机:

  函数式声明调用方式:2种

// 在函数前面,仍然可以调用
mode();/*** 函数式声明*/ function mode() { console.log("运行mode函数"); } // 在函数后面,当然可以调用 mode();

  

函数表达式定义函数:1种

// 报错:在调用mode2()之前,没有定义
mode2();
/*** 以函数表达式的形式定义函数*/ var mode2 = function() { console.log("运行mode2函数"); } // 只能放在该函数的后面,才能调用 mode2();

二、js 函数定义的2种方式

转自或参考:js 函数定义的2种方式
https://www.cnblogs.com/Marydon20170307/p/8671616.html

方式一:

/*** 函数式声明*/
function mode() {console.log("运行mode函数");
}

方式二:

/*** 以函数表达式的形式定义函数*/
var mode2 = function() {console.log("运行mode2函数");
}

主要区别在于调用的时机:

  函数式声明调用方式:2种

// 在函数前面,仍然可以调用
mode();/*** 函数式声明*/
function mode() {console.log("运行mode函数");
}
// 在函数后面,当然可以调用
mode();

  

函数表达式定义函数:1种

// 报错:在调用mode2()之前,没有定义
mode2();
/*** 以函数表达式的形式定义函数*/
var mode2 = function() {console.log("运行mode2函数");
}
// 只能放在该函数的后面,才能调用
mode2();

三、js函数几种常用的定义方式

function func1([参数]){/*函数体*/}
var func2=function([参数]){/*函数体*/};
var func3=function func4([参数]){/*函数体*/};
var func5=new Function();

上述第一种方式是最常用的方式,不用多说。
第二种是将一匿名函数赋给一个变量,调用方法:func2([函数]);
第三种是将func4赋给变量func3,调用方法:func3([函数]);或func4([函数]);
第四种是声明func5为一个对象。

转载于:https://www.cnblogs.com/Renyi-Fan/p/11590248.html

js 函数定义的方式相关推荐

  1. js 函数定义三种方式

    <p>Js 函数定义的三种方式:</p> <br> <p>方式一:function</p> <script type="te ...

  2. node.js 函数定义和调用

    ·函数定义: var a=2; function add(i){if(i>0){return 1;}else{return 2;} } add(a); console.log(add(a)); ...

  3. Js函数function基础理解

    正文:我们知道,在js中,函数实际上是一个对象,每个函数都是Function类型的实例,并且都与其他引用类型一样具有属性和方法.因此,函数名实际上是指向函数对象的指针,不与某个函数绑定.在常见的两种定 ...

  4. js 中定义的 全局变量,局部变量

    关于变量和参数问题: var a = 2; //全局变量function func() {var a = 1; //局部变量a = 2; //全局变量} 函数外面定义的变量是全局变量,函数内可以直接使 ...

  5. 如何修改webbrowser里的JS函数

    其实就是对IE客户端编程,比如有些网页的JS函数的处理方式或者算法,有BUG,或者不符合本人习惯,如何改呢? 替换window.showModalDialog document.parentWindo ...

  6. 浅谈js函数三种定义方式 四种调用方式 调用顺序

    在Javascript定义一个函数一般有如下三种方式: 函数关键字(function)语句: function fnMethodName(x){alert(x);} 函数字面量(Function Li ...

  7. JS中的函数定义方式及全局函数

    一.定义方式 方式一用 function定义 定义匿名函数,匿名函数可以被当作参数传递,不需要加入括号 通过内置的function的对象创建函数 <!DOCTYPE html> <h ...

  8. JS函数的定义和调用几种方式

    一.函数的定义: 函数的定义有三种方式: 1.自定义函数(命名函数):2.函数表达式(匿名函数):3.利用 new Function('参数1','参数2','函数体'); 还有就是所有的函数都是 F ...

  9. 学会这5种JS函数继承方式,前端面试你至少成功50%

    摘要:函数继承是在JS里比较基础也是比较重要的一部分,而且也是面试中常常要问到的.下面带你快速了解JS中有哪几种是经常出现且必须掌握的继承方式.掌握下面的内容面试也差不多没问题啦~ 本文分享自华为云社 ...

最新文章

  1. Linux下执行.sh命令出现-bash: ./bin/start.sh: /bin/bash^M: bad interpreter: No such file or directory...
  2. mysql数据库的注释语句是_coding++ :MySQL 使用 SQL 语句查询数据库所有表注释已经表字段注释...
  3. java list初始值null_关于list集合存储null的问题
  4. Linux定时器接口
  5. bcb series清除前面的点_新iPhone前面板曝光:丑刘海还在,但边框窄了
  6. sqlite配置选项
  7. python制作的游戏如何转化为swf_PYTHON实现swf提取
  8. Flask程序的基本结构
  9. 思维导图中主题连接线格式修改教程
  10. 使用Go构建区块链 第3部分:持久化和cli
  11. 基于matlab测量物体直径,基于MATLAB的不规则面积图像测量
  12. 从维密天使到编程大拿,她的彪悍人生不需要解释!
  13. STM32读取SM300D2七合一传感器模块数据在0.96寸OLED显示,通过DL-LN3X无线模块显示在上位机
  14. 华为USG防火墙及NGFW高可用性的规划与实施详解
  15. python控制小爱同学_神秘鸭,用Siri小爱同学语音助手控制你的电脑
  16. Python代码列主元消去法matlab编程_当面试官要求现场手敲代码,如何体现你对Python的编程能力?...
  17. linux里面sftp命令,Linux中sftp命令起什么作用呢?
  18. html5中分镜图文脚本,抖音分镜脚本这样做 轻松打造100w+粉丝大号
  19. window中如何用命令行新建文件夹和文件
  20. Robust Visual Tracking with a Freely-moving Event Camera

热门文章

  1. JSTL标签之核心标签
  2. 2016去哪儿编程题:乘坐公交
  3. asp.net MVC3 无法打开项目文件“E:\我们的项目\Project\HeatingMIS.Web\HeatingMIS.Web.csproj”。此安装不支持该项目类型。...
  4. ASP.NET的SEO:HTTP报头状态码---内容重定向
  5. Advanced Driver Assistance Systems (ADAS)
  6. 基于稀疏表示的人脸识别 (SRC,LASRC,RASL,MRR)
  7. QCon北京2018关键词:Kubernetes、Service Mesh、Istio和微服务
  8. CentOS LAMP一键安装网站环境及添加域名
  9. HDU-2612 Find a way
  10. c语言结构体使用方法