详解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 相关文章推荐
获取任意Html元素与body之间的偏移距离 offsetTop、offsetLeft (For:IE5+ FF1 )[
Dec 22 Javascript
javascript一个无懈可击的实例化XMLHttpRequest的方法
Oct 13 Javascript
jQuery中position()方法用法实例
Jan 16 Javascript
初步了解javascript面向对象
Nov 09 Javascript
JavaScript事件处理的方式(三种)
Apr 26 Javascript
浅谈jquery点击label触发2次的问题
Jun 12 Javascript
浅谈JavaScript中的分支结构
Jul 01 Javascript
JS中BOM相关知识点总结(必看篇)
Nov 22 Javascript
详谈表单重复提交的三种情况及解决方法
Aug 16 Javascript
bootstrap时间控件daterangepicker使用方法及各种小bug修复
Oct 25 Javascript
浅谈Node.js 沙箱环境
May 15 Javascript
vue 监听窗口变化对页面部分元素重新渲染操作
Jul 28 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上传、管理照片示例
2006/10/09 PHP
使用 MySQL 开始 PHP 会话
2006/12/21 PHP
PHP实现的redis主从数据库状态检测功能示例
2017/07/20 PHP
Laravel学习教程之View模块详解
2017/09/18 PHP
Yii框架学习笔记之session与cookie简单操作示例
2019/04/30 PHP
25个优雅的jQuery Tooltip插件推荐
2011/05/25 Javascript
TypeScript 中接口详解
2015/06/19 Javascript
使用AngularJS处理单选框和复选框的简单方法
2015/06/19 Javascript
JQuery实现的图文自动轮播效果插件
2015/06/19 Javascript
javascript+css3 实现动态按钮菜单特效
2016/02/06 Javascript
bootstrap输入框组代码分享
2016/06/07 Javascript
js变量提升深入理解
2016/09/16 Javascript
Bootstrap Table表格一直加载(load)不了数据的快速解决方法
2016/09/17 Javascript
JavaScript html5利用FileReader实现上传功能
2020/03/27 Javascript
Node.js操作redis实现添加查询功能
2017/05/25 Javascript
关于Vue背景图打包之后访问路径错误问题的解决
2017/11/03 Javascript
Vue组件中的data必须是一个function的原因浅析
2018/09/03 Javascript
js中的闭包实例展示
2018/11/01 Javascript
使用异步组件优化Vue应用程序的性能
2019/04/28 Javascript
在vue中阻止浏览器后退的实例
2019/11/06 Javascript
vue移动端模态框(可传参)的实现
2019/11/20 Javascript
vue开发chrome插件,实现获取界面数据和保存到数据库功能
2020/12/01 Vue.js
python查询sqlite数据表的方法
2015/05/08 Python
Python简单计算文件夹大小的方法
2015/07/14 Python
深入源码解析Python中的对象与类型
2015/12/11 Python
python flask 如何修改默认端口号的方法步骤
2019/07/12 Python
python或C++读取指定文件夹下的所有图片
2019/08/31 Python
Python 闭包,函数分隔作用域,nonlocal声明非局部变量操作示例
2019/10/14 Python
Python搭建HTTP服务过程图解
2019/12/14 Python
pytorch 实现L2和L1正则化regularization的操作
2021/03/03 Python
Blue Nile中国官网:全球知名的钻石和珠宝网络零售商
2020/03/22 全球购物
Lancer Skincare官方网站:抗衰老皮肤护理
2020/11/20 全球购物
如果重写了对象的equals()方法,需要考虑什么
2014/11/02 面试题
金融专业个人求职信
2013/09/22 职场文书
函授本科个人自我鉴定
2014/03/25 职场文书
Nginx设置HTTPS的方法步骤 443证书配置方法
2022/03/21 Servers