Javascript的函数类型有哪些

106 阅读 0 评论 70 点赞

我是靠谱客的博主聪明水壶，最近开发中收集的这篇文章主要介绍Javascript的函数类型有哪些，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

本教程操作环境：windows10系统、javascript1.8.5版、Dell G3电脑。

Javascript的函数类型有哪些

1.构造函数

Javascript中构造函数是指使用new关键字定义调用的函数，其默认返回的是一个新对象，

2.匿名函数

Javascript中匿名函数是指没有实际名字的函数，使用匿名函数不会造成全局变量的污染。

3.闭包函数

Javascript中闭包函数是指具有访问另一个函数作用域中变量权限的函数，闭包函数常用于在函数的内部创建。

4.动态函数

Javascript中动态函数是指其参数列表、函数体是通过字符串动态指定的函数。

示例如下：

    <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 ,里面存储着本次调用时传入的所有实参。

匿名函数

<!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>
登录后复制

动态函数

简介：利用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视频教程、web前端】

以上就是Javascript的函数类型有哪些的详细内容，更多请关注靠谱客其它相关文章！