详解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 相关文章推荐
Javascript变量函数浅析
Sep 02 Javascript
jQuery实现的一个自定义Placeholder属性插件
Aug 11 Javascript
JavaScript中的Web worker多线程API研究
Dec 06 Javascript
Javascript基础教程之定义和调用函数
Jan 18 Javascript
JavaScript iframe数据共享接口实现方法
Jan 06 Javascript
使用重写url机制实现验证码换一张功能
Aug 01 Javascript
bootstrap switch开关组件使用方法详解
Aug 22 Javascript
js最简单的双向绑定实例讲解
Jan 02 Javascript
JS实现动态生成html table表格的方法分析
Jul 11 Javascript
在小程序中使用canvas的方法示例
Sep 17 Javascript
Vue+Vuex实现自动登录的知识点详解
Mar 04 Javascript
jquery实现手风琴案例
May 04 jQuery
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+AJAX聊天程序[聊天室]提供下载
2007/07/21 PHP
关于COOKIE个数与大小的问题
2011/01/17 Javascript
基于OO的动画附加插件,可以实现弹跳、渐隐等动画效果 分享
2013/06/24 Javascript
批量修改标签css样式以input标签为例
2014/07/31 Javascript
js检测判断日期大于多少天的方法
2015/05/04 Javascript
详解JavaScript中常用的函数类型
2015/11/18 Javascript
Javascript原型链的原理详解
2016/01/05 Javascript
浅析Javascript中bind()方法的使用与实现
2016/04/29 Javascript
使用Bootstrap美化按钮实例代码(demo)
2017/02/03 Javascript
JS实现简单的天数计算器完整实例
2017/04/28 Javascript
让你彻底掌握es6 Promise的八段代码
2017/07/26 Javascript
jQuery实现表单动态添加数据并提交的方法
2018/07/19 jQuery
webpack+vue-cil中proxyTable处理跨域的方法
2018/07/20 Javascript
微信小程序wepy框架笔记小结
2018/08/08 Javascript
vue中子组件传递数据给父组件的讲解
2019/01/27 Javascript
vue+web端仿微信网页版聊天室功能
2019/04/30 Javascript
微信小程序云开发实现增删改查功能
2019/05/17 Javascript
layui+SSM的数据表的增删改实例(利用弹框添加、修改)
2019/09/27 Javascript
[01:20]PWL S2开团时刻第三期——团战可以输 蝙蝠必须死
2020/11/26 DOTA
使用grappelli为django admin后台添加模板
2014/11/18 Python
Python实现微信公众平台自定义菜单实例
2015/03/20 Python
python实现爬虫统计学校BBS男女比例之数据处理(三)
2015/12/31 Python
Python 基础之字符串string详解及实例
2017/04/01 Python
Python 操作 MySQL数据库
2020/09/18 Python
html5启动原生APP总结
2020/07/03 HTML / CSS
简述Linux文件系统通过i节点把文件的逻辑结构和物理结构转换的工作过程
2016/01/06 面试题
应届生个人求职信模板
2013/11/26 职场文书
应届大学毕业生找工作的求职信范文
2013/11/29 职场文书
大三预备党员入党思想汇报
2014/01/08 职场文书
企业授权委托书范本
2014/04/02 职场文书
《郑和远航》教学反思
2014/04/16 职场文书
2014年志愿者工作总结
2014/11/20 职场文书
2014年档案室工作总结
2014/12/01 职场文书
水知道答案观后感
2015/06/08 职场文书
2016年学生会感恩节活动总结
2016/04/01 职场文书
HTML5中 rem适配方案与 viewport 适配问题详解
2021/04/27 HTML / CSS