详解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 相关文章推荐
jQuery html() in Firefox (uses .innerHTML) ignores DOM changes
Mar 05 Javascript
js获取url中指定参数值的示例代码
Dec 14 Javascript
jquery实现向下滑出的二级导航下滑菜单效果
Aug 25 Javascript
JavaScript排序算法动画演示效果的实现方法
Oct 18 Javascript
javaScript基础详解
Jan 19 Javascript
浅谈Vue初学之props的驼峰命名
Jul 19 Javascript
记一次vue去除#问题处理经过小结
Jan 24 Javascript
vue draggable resizable 实现可拖拽缩放的组件功能
Jul 15 Javascript
深入理解 ES6中的 Reflect用法
Jul 18 Javascript
Vue.js暴露方法给WebView的使用操作
Sep 07 Javascript
JS实现纸牌发牌动画
Jan 19 Javascript
MutationObserver在页面水印实现起到的作用详解
Jul 07 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编码规范
2015/09/28 PHP
php解决和避免form表单重复提交的几种方法
2016/08/31 PHP
PHP 与 UTF-8 的最佳实践详细介绍
2017/01/04 PHP
cakephp2.X多表联合查询join及使用分页查询的方法
2017/02/23 PHP
Yii框架分页实现方法详解
2017/05/20 PHP
RR vs IO BO3 第一场2.13
2021/03/10 DOTA
几款极品的javascript压缩混淆工具
2007/05/16 Javascript
js模拟弹出效果代码修正版
2008/08/07 Javascript
jquery插件制作 自增长输入框实现代码
2012/08/17 jQuery
用JavaScript实现类似于ListBox功能示例代码
2014/03/09 Javascript
javascript中不提供sleep功能如何实现这个功能
2014/05/27 Javascript
鼠标移到图片上变大显示而不是放大镜效果
2014/06/15 Javascript
JavaScript 基本概念
2015/01/20 Javascript
JS+CSS实现类似QQ好友及黑名单效果的树型菜单
2015/09/22 Javascript
解决wx.onMenuShareTimeline出现的问题
2016/08/16 Javascript
AngularJS ng-template寄宿方式用法分析
2016/11/07 Javascript
JavaScript数组push方法使用注意事项
2017/10/30 Javascript
vue-cli3 karma单元测试的实现
2019/01/18 Javascript
详解解决小程序中webview页面多层history返回问题
2019/08/20 Javascript
jQuery+css实现的点击图片放大缩小预览功能示例【图片预览 查看大图】
2020/05/29 jQuery
vue任意关系组件通信与跨组件监听状态vue-communication
2020/10/18 Javascript
Python设计模式之代理模式实例
2014/04/26 Python
Python3处理文件中每个词的方法
2015/05/22 Python
Python小工具之消耗系统指定大小内存的方法
2018/12/03 Python
python 判断txt每行内容中是否包含子串并重新写入保存的实例
2020/03/12 Python
python中round函数如何使用
2020/06/19 Python
django有哪些好处和优点
2020/09/01 Python
德国珠宝和手表在线商店:VALMANO
2019/03/24 全球购物
大学军训自我鉴定
2013/12/15 职场文书
乔布斯辞职信(中英文对照)
2015/05/12 职场文书
2019年行政人事个人工作总结范本!
2019/07/19 职场文书
餐厅营销的秘密:为什么老顾客会流水?
2019/08/08 职场文书
导游词之大雁塔景区
2019/09/17 职场文书
PHP中->和=>的意思
2021/03/31 PHP
深入理解redis中multi与pipeline
2021/06/02 Redis
《游戏王:大师决斗》新活动上线 若无符合卡组可免费租用
2022/04/13 其他游戏