详解JavaScript中常用的函数类型


Posted in Javascript onNovember 18, 2015

网页中的java代码需要写在JavaScript中,里面部分少不了函数,介绍一下JavaScript中常用的函数类型。
1、可变函数

<script> 
  
    function show(){ 
      alert("第一个。。。"); 
    } 
     
   
    function show(str){ 
    alert("第二个"); 
    } 
    function show(a,b){ 
      alert("第三个。。。"); 
      alert(a+":"+b); 
    } 
     </script> 
 </head> 
<!--  可变参数的函数: 在js中都是可变参数的函数 
<!-- 1 函数虽然定义时是声明成两个参数,但调用时却是可以传入任意个 --> 
<!-- 2 每个函数中,存在一个 默认的数组arguments ,里面存储着本次调用时传入的所有实参 --> 
 <body> 
<!-- 1, 可变参数的演示: --> 
 <script> 
     
    show();//当调用之后,会把前面的冲掉 //undefined:undefined 
    show(111);//当调用之后,会把前面的冲掉 // 11:undefined 
    show("a","b");//当调用之后,会把前面的冲掉//a:b 
    show(1,2,3,4);//1:2 
 </script>

综上的例子,Js当中的函数是不存在重载的。一定就通配所有的了,函数虽然定义时是声明若干变量,但调用时却是可以传入任意个。每个函数中,存在一个 默认的数组arguments ,里面存储着本次调用时传入的所有实参。

2、匿名函数

<!DOCTYPE html> 
<html> 
 <head> 
 </head> 
  
 <body> 
<!--   演示JavaScript匿名函数 --> 
  <script type="text/javascript"> 
    var res =function(a,b){//注意是小写func 
    return a+b; 
    };</span> 
    alert("sum="+res(1,2));//sum=3 
    alert("res="+res("abc","def"));//res=abcdef 
     
  </script> 
 </body> 
</html>

3、动态函数
简介:利用Js当中内置的对象Function来构造一个函数,构造方法中的第1个参数是“形参”,第2个参数是“函数体”。

<span style="font-size:18px;"><!DOCTYPE html> 
<html> 
 <head> 
  <title>DTfunc.html</title> 
   
  <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> 
  <meta http-equiv="description" content="this is my page"> 
  <meta http-equiv="content-type" content="text/html; charset=UTF-8"> 
   
  <!--<link rel="stylesheet" type="text/css" href="./styles.css">--> 
 
 </head> 
  
 <body> 
<!--  利用Js当中内置的对象Function来构造一个函数,构造方法中的第1个参数是“形参”,第2个参数是“函数体”。  --> 
<!-- 该思想类似于Java当中的类反射。我们平时写函数时通常不用,但关键的地方一写,整个程序的功能会变得很活 --> 
  <script> 
  var res=new Function("x,y","var sum=0;sum=x+y;return sum;") 
  var sum=res(12,34);//46 
  var sum=res("abc","bss");//abcbss 
  alert("sum="+sum); 
  </script> 
 </body> 
</html></span>

以上分享的三种JavaScript常用的函数类型,只是简单的进行了介绍,如果想进行深入了解,大家可以继续阅读下面为大家分享的相关文章。

Javascript 相关文章推荐
js类中获取外部函数名的方法
Aug 19 Javascript
根据鼠标的位置动态的控制层的位置
Nov 24 Javascript
js 编写规范
Mar 03 Javascript
一款基jquery超炫的动画导航菜单可响应单击事件
Nov 02 Javascript
JavaScript下的时间格式处理函数Date.prototype.format
Jan 27 Javascript
基于Bootstrap实现图片轮播效果
May 22 Javascript
Vue Ajax跨域请求实例详解
Jun 20 Javascript
利用canvas中toDataURL()将图片转为dataURL(base64)的方法详解
Nov 20 Javascript
JavaScript基础之静态方法和实例方法分析
Dec 26 Javascript
JS实现头条新闻的经典轮播图效果示例
Jan 30 Javascript
layui监听下拉选框选中值变化的方法(包含监听普通下拉选框)
Sep 24 Javascript
layer.open组件获取弹出层页面变量、函数的实例
Sep 25 Javascript
JavaScript如何动态创建table表格
Aug 02 #Javascript
javascript中字体浮动效果的简单实例演示
Nov 18 #Javascript
jQuery EasyUI 布局之动态添加tabs标签页
Nov 18 #Javascript
如何使用jquery easyui创建标签组件
Nov 18 #Javascript
JavaScript严格模式详解
Nov 18 #Javascript
每天一篇javascript学习小结(String对象)
Nov 18 #Javascript
跟我学习javascript的执行上下文
Nov 18 #Javascript
You might like
php将日期格式转换成xx天前的格式
2015/04/16 PHP
PHP session会话操作技巧小结
2016/09/27 PHP
PHP API接口必备之输出json格式数据示例代码
2017/06/27 PHP
FormValid0.5版本发布,带ajax自定义验证例子
2007/08/17 Javascript
javaScript 判断字符串是否为数字的简单方法
2009/07/25 Javascript
javascript 简练的几个函数
2009/08/29 Javascript
JavaScript 应用技巧集合[推荐]
2009/08/30 Javascript
select 控制网页内容隐藏于显示的实现代码
2010/05/25 Javascript
JS中动态添加事件(绑定事件)的代码
2011/01/09 Javascript
用函数模板,写一个简单高效的 JSON 查询器的方法介绍
2013/04/17 Javascript
Microsfot .NET Framework4.0框架 安装失败的解决方法
2013/08/14 Javascript
js的延迟执行问题分析
2014/06/23 Javascript
jQuery+AJAX实现网页无刷新上传
2015/02/22 Javascript
分享JS数组求和与求最大值的方法
2016/08/11 Javascript
JavaScript正则表达式实例详解
2016/10/16 Javascript
简单实现JS上传图片预览功能
2017/04/14 Javascript
layui导航栏实现代码
2017/05/19 Javascript
微信小程序页面滑动屏幕加载数据效果
2020/11/16 Javascript
Node.JS在命令行中检查Chrome浏览器是否安装并打开指定网址
2019/05/21 Javascript
layer页面跳转,获取html子节点元素的值方法
2019/09/27 Javascript
nodejs dgram模块广播+组播的实现示例
2019/11/04 NodeJs
Python3中的列表,元组,字典,字符串相关知识小结
2017/11/10 Python
在python里面运用多继承方法详解
2019/07/01 Python
详解Python3 pickle模块用法
2019/09/16 Python
Python实现验证码识别
2020/06/15 Python
手把手教你如何用Pycharm2020.1.1配置远程连接的详细步骤
2020/08/07 Python
村委会贫困证明
2014/01/14 职场文书
国贸专业的职业规划范文
2014/01/23 职场文书
央视元宵晚会主持串词
2014/03/25 职场文书
法人授权委托书范本
2014/04/04 职场文书
勿忘国耻9.18演讲稿(经典篇)
2014/09/14 职场文书
2015年爱牙日活动总结
2015/02/05 职场文书
行政司机岗位职责
2015/04/10 职场文书
2015年秋学期师德师风建设工作总结
2015/10/23 职场文书
原来实习报告是这样写的呀!
2019/07/03 职场文书
python OpenCV学习笔记
2021/03/31 Python