详解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实现 在光标处插入指定内容
May 25 Javascript
js常用代码段收集
Oct 28 Javascript
Javascript中的几种URL编码方法比较
Jan 23 Javascript
JavaScript字符串常用类使用方法汇总
Apr 14 Javascript
jQuery给div,Span, a ,button, radio 赋值与取值
Jun 24 Javascript
浅谈Angular.js中使用$watch监听模型变化
Jan 10 Javascript
详解如何使用webpack打包Vue工程
May 27 Javascript
mui 打开新窗口的方式总结及注意事项
Aug 20 Javascript
收集前端面试题之url、href、src
Mar 22 Javascript
vue.js提交按钮时进行简单的if判断表达式详解
Aug 08 Javascript
Angular2 自定义表单验证器的实现方法
Dec 14 Javascript
微信小程序学习笔记之函数定义、页面渲染图文详解
Mar 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
vBulletin HACK----显示话题大小和打开新窗口于论坛索引页
2006/10/09 PHP
PHP使用PHPexcel导入导出数据的方法
2015/11/14 PHP
得到文本框选中的文字,动态插入文字的js代码
2007/03/07 Javascript
Javascript 设计模式(二) 闭包
2010/05/26 Javascript
判断客户端浏览器是否安装了Flash插件的多种方法
2010/08/11 Javascript
JavaScript.The.Good.Parts阅读笔记(一)假值与===运算符
2010/11/16 Javascript
JS中Date日期函数中的参数使用介绍
2014/01/02 Javascript
Js中使用hasOwnProperty方法检索ajax响应对象的例子
2014/12/08 Javascript
jQuery实现简单的间隔向上滚动效果
2015/03/09 Javascript
nw.js实现类似微信的聊天软件
2015/03/16 Javascript
JS锚点的设置与使用方法
2016/09/05 Javascript
js实现加载更多功能实例
2016/10/27 Javascript
微信小程序picker组件下拉框选择input输入框的实例
2017/09/20 Javascript
解析vue data不可以使用箭头函数问题
2018/07/03 Javascript
JavaScript面向对象程序设计创建对象的方法分析
2018/08/13 Javascript
JavaScript中this用法学习笔记
2019/03/17 Javascript
js回文数的4种判断方法示例
2019/06/04 Javascript
JavaScript读取本地文件常用方法流程解析
2020/10/12 Javascript
用smtplib和email封装python发送邮件模块类分享
2014/02/17 Python
python实现颜色rgb和hex相互转换的函数
2015/03/19 Python
Python之列表的插入&amp;替换修改方法
2018/06/28 Python
Python3简单爬虫抓取网页图片代码实例
2019/08/26 Python
python 实现ping测试延迟的两种方法
2020/12/10 Python
Html5元素及基本语法详解
2016/08/02 HTML / CSS
adidas官方旗舰店:德国运动用品制造商
2017/11/25 全球购物
最好的商品表达自己:Cafepress
2019/09/04 全球购物
后勤部长岗位职责
2013/12/14 职场文书
文秘人员工作职责
2014/01/31 职场文书
文明家庭先进事迹材料
2014/05/14 职场文书
求职简历自荐信
2014/06/18 职场文书
学校群众路线专项整治方案
2014/10/31 职场文书
破坏寝室公物检讨书
2014/11/17 职场文书
领导干部考核评语
2015/01/04 职场文书
Android Flutter实现图片滑动切换效果
2022/04/07 Java/Android
Tomcat执行startup.bat出现闪退的原因及解决办法
2022/04/20 Servers
Nginx利用Logrotate实现日志分割
2022/05/20 Servers