浅谈js函数的多种定义方法与区别


Posted in Javascript onNovember 29, 2016

定义一个函数一般有如下三种方式:

1.函数关键字(function)语句:

function fnMethodName(x){ 
alert(x); 
}

2.函数字面量(Function Literals):

var fnMethodName = function(x){alert(x);}

3.Function()构造函数:

var fnMethodName = new Function(‘x', ‘alert(x);')

上面三种方法定义了同一个方法函数fnMethodName,第1种就是最常用的方法,后两种都是把一个函数复制给变量fnMethodName,而这个函数是没有名字的,即匿名函数。实际上,相当多的语言都有匿名函数。

示例如下:

【第一种-函数关键字(function)语句】

<script type="text/javascript">

  function add(num1,num2)
    { 
    return num1+num2+200;
    }
  var sum=add(122,10000);
  window.document.write(sum);

</script>

【第二种-函数字面量(Function Literals):】

<script type="text/javascript">

    var add=function(num1,num2)
      { return num1+num2+200;}
    var sum=add(122,300);
    window.document.write(sum);
  </script>

【第三种-Function()构造函数:】

<script type="text/javascript">
    var add=new Function("num"," return num+200");//此时Function 这种方法用的比较少
    var sum=add(122);
    window.document.write(sum);

</script>

以上这篇浅谈js函数的多种定义方法与区别就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
为Yahoo! UI Extensions Grid增加内置的可编辑器
Mar 10 Javascript
用jQuery获取IE9下拉框默认值问题探讨
Jul 22 Javascript
js 为label标签和div标签赋值的方法
Aug 08 Javascript
js使下拉列表框可编辑不止是选择
Dec 12 Javascript
文本框水印提示效果的简单实现代码
Feb 22 Javascript
jquery中push()的用法(数组添加元素)
Nov 25 Javascript
js中split和replace的用法实例
Feb 28 Javascript
PHP结合jQuery实现红蓝投票功能特效
Jul 22 Javascript
关于Angular2 + node接口调试的解决方案
May 28 Javascript
Vue中使用Sortable的示例代码
Apr 07 Javascript
微信小程序实现的动态设置导航栏标题功能示例
Jan 31 Javascript
javascript简单实现深浅拷贝过程详解
Oct 08 Javascript
原生JS简单实现ajax的方法示例
Nov 29 #Javascript
jQuery Checkbox 全选 反选的简单实例
Nov 29 #Javascript
使用Vue.js创建一个时间跟踪的单页应用
Nov 28 #Javascript
js拖拽功能实现代码解析
Nov 28 #Javascript
百度搜索框智能提示案例jsonp
Nov 28 #Javascript
JS函数多个参数默认值指定方法分析
Nov 28 #Javascript
ajax级联菜单实现方法实例分析
Nov 28 #Javascript
You might like
mysql数据库差异比较的PHP代码
2012/02/05 PHP
zf框架的数据库追踪器使用示例
2014/03/13 PHP
PHP实现的sqlite数据库连接类
2014/12/12 PHP
PHP Cookie学习笔记
2016/08/23 PHP
Yii CFileCache 获取不到值的原因分析
2017/02/08 PHP
跨浏览器的事件对象介绍
2012/06/27 Javascript
使用insertAfter()方法在现有元素后添加一个新元素
2014/05/28 Javascript
功能强大的Bootstrap使用手册(一)
2016/08/02 Javascript
基于JS实现类似支付宝支付密码输入框
2016/09/02 Javascript
jQuery web 组件 后台日历价格、库存设置的代码
2016/10/14 Javascript
Boostrap栅格系统与自己额外定义的媒体查询的冲突问题
2017/02/19 Javascript
jQuery插件FusionCharts实现的3D帕累托图效果示例【附demo源码】
2017/03/25 jQuery
Restify中接入Socket.io报Error:Can’t set headers的错误解决
2017/03/28 Javascript
JavaScript与Java正则表达式写法的区别介绍
2017/08/15 Javascript
微信小程序的日期选择器的实例详解
2017/09/29 Javascript
Angular4学习之Angular CLI的安装与使用教程
2018/01/04 Javascript
angular动态表单制作
2018/02/23 Javascript
JavaScript 几种循环方式以及模块化的总结
2020/09/03 Javascript
Javascript中的奇葩知识,你知道吗?
2021/01/25 Javascript
Python日期操作学习笔记
2008/10/07 Python
Python datetime时间格式化去掉前导0
2014/07/31 Python
Python和GO语言实现的消息摘要算法示例
2015/03/10 Python
python网络爬虫之如何伪装逃过反爬虫程序的方法
2017/11/23 Python
Win7 64位下python3.6.5安装配置图文教程
2020/10/27 Python
Python实现账号密码输错三次即锁定功能简单示例
2019/03/29 Python
python和mysql交互操作实例详解【基于pymysql库】
2019/06/04 Python
利用CSS3实现文本框的清除按钮相关的一些效果
2015/06/23 HTML / CSS
深入浅析CSS3中的Flex布局整理
2020/04/27 HTML / CSS
波兰品牌内衣及泳装网上商店:Astratex.pl
2017/02/03 全球购物
Converse匡威法国官网:美国著名帆布鞋品牌
2018/12/05 全球购物
P D PAOLA意大利官网:西班牙著名的珠宝首饰品牌
2019/09/24 全球购物
绘画专业自荐信范文
2014/02/23 职场文书
就业推荐表自我鉴定范文
2014/03/21 职场文书
2014年教师节寄语
2014/08/11 职场文书
入党政审材料范文
2014/12/24 职场文书
酒店仓管员岗位职责
2015/04/01 职场文书