详解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实例教程(19) 使用HoTMetal(1)
Dec 23 Javascript
javascript Array数组对象的扩展函数代码
May 22 Javascript
使用JavaScript构建JSON格式字符串实现步骤
Mar 22 Javascript
jQuery实用基础超详细介绍
Apr 11 Javascript
JS定时关闭窗口的实例
May 22 Javascript
JsRender for object语法简介
Oct 31 Javascript
localResizeIMG先压缩后使用ajax无刷新上传(移动端)
Aug 11 Javascript
浅谈javascript中onbeforeunload与onunload事件
Dec 10 Javascript
JS实时弹出新消息提示框并有提示音响起的实现代码
Apr 20 Javascript
Vue的MVVM实现方法
Aug 16 Javascript
Angular封装搜索框组件操作示例
Apr 25 Javascript
微信小程序登陆注册功能的实现代码
Dec 10 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实现的MySQL通用查询程序
2007/03/11 PHP
PHP中array_keys和array_unique函数源码的分析
2016/02/26 PHP
Yii2实现同时搜索多个字段的方法
2016/08/10 PHP
PHP实现的注册,登录及查询用户资料功能API接口示例
2017/06/06 PHP
ThinkPHP5.0 图片上传生成缩略图实例代码说明
2018/06/20 PHP
PHP+mysql防止SQL注入的方法小结
2019/04/27 PHP
Prototype使用指南之hash.js
2007/01/10 Javascript
基于jQuery的日期选择控件
2009/10/27 Javascript
在jQuery 1.5中使用deferred对象的代码(翻译)
2011/03/10 Javascript
jQuery源码分析-05异步队列 Deferred 使用介绍
2011/11/14 Javascript
20条学习javascript的编程规范的建议
2014/11/28 Javascript
.NET微信公众号开发之创建自定义菜单
2015/07/16 Javascript
jQuery操作Table技巧大汇总
2016/01/23 Javascript
JavaScript深度复制(deep clone)的实现方法
2016/02/19 Javascript
js html5 css俄罗斯方块游戏再现
2016/10/17 Javascript
JavaScript实现类似拉勾网的鼠标移入移出效果
2016/10/27 Javascript
JavaScript表单验证开发
2016/11/23 Javascript
jQuery返回定位插件详解
2017/05/15 jQuery
微信小程序 五星评分的实现实例
2017/08/04 Javascript
解决vuejs 使用value in list 循环遍历数组出现警告的问题
2018/09/26 Javascript
vue 指令之气泡提示效果的实现代码
2018/10/18 Javascript
js取0-9随机取4个数不重复的数字代码实例
2019/03/27 Javascript
Nodejs libuv运行原理详解
2019/08/21 NodeJs
vue从零实现一个消息通知组件的方法详解
2020/03/16 Javascript
JavaScript经典案例之简易计算器
2020/08/24 Javascript
用Python中的wxPython实现最基本的浏览器功能
2015/04/14 Python
python抖音表白程序源代码
2019/04/07 Python
TOWER London官网:鞋子、靴子、运动鞋等
2019/07/14 全球购物
传统软件工程与面向对象的软件工程有什么区别
2012/05/31 面试题
医学专业个人求职自荐信格式
2013/09/23 职场文书
新闻系毕业生推荐信
2013/11/16 职场文书
商学院大学生求职的自我评价
2014/03/12 职场文书
解除租房协议书
2014/12/03 职场文书
开学典礼观后感
2015/06/15 职场文书
导游词之吉林花园山
2019/10/17 职场文书
漫画《尖帽子的魔法工坊》宣布动画化
2022/04/06 日漫