当前位置: 首页 > 编程笔记 >

详解JavaScript中常用的函数类型

祝英博
2023-03-14
本文向大家介绍详解JavaScript中常用的函数类型,包括了详解JavaScript中常用的函数类型的使用技巧和注意事项,需要的朋友参考一下

网页中的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 使用sleep函数的常见方法详解,包括了javascript 使用sleep函数的常见方法详解的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了javascript 使用sleep函数的常见方法。分享给大家供大家参考,具体如下: 一.什么是sleep函数? 花一点时间来聊一下sleep函数,首先什么是sleep函数? sleep是一种函数,他的作用是使程序

  • 本文向大家介绍详解JavaScript中的函数、对象,包括了详解JavaScript中的函数、对象的使用技巧和注意事项,需要的朋友参考一下 JS中的函数声明方式 方式一 function 函数名(){ 函数体 } 方式二 var 函数名=function(){ 函数体 } 方式三 var 函数名=new Function(“函数体”); 执行方式 函数名(); JS中的对象 类似Java中的一些系

  • 本文向大家介绍JavaScript中的函数模式详解,包括了JavaScript中的函数模式详解的使用技巧和注意事项,需要的朋友参考一下 JavaScript设计模式的作用是提高代码的重用性,可读性,使代码更容易的维护和扩展 在javascript中,函数是一类对象,这表示他可以作为参数传递给其他函数;此外,函数还可以提供作用域。 创建函数的语法 命名函数表达式 函数表达式 为变量 add 赋的值是

  • 本文向大家介绍javascript中Array()数组函数详解,包括了javascript中Array()数组函数详解的使用技巧和注意事项,需要的朋友参考一下 在程序语言中数组的重要性不言而喻,JavaScript中数组也是最常使用的对象之一,数组是值的有序集合,由于弱类型的原因,JavaScript中数组十分灵活、强大,不像是Java等强类型高级语言数组只能存放同一类型或其子类型元素,JavaS

  • 本文向大家介绍JavaScript中的alert()函数使用技巧详解,包括了JavaScript中的alert()函数使用技巧详解的使用技巧和注意事项,需要的朋友参考一下 在JavaScript代码中,可以使用window对象的alert()函数来显示一段文本,从而进行程序的调试,或者向用户警示相关信息: 这一写法可以简化为直接使用alert()函数: 如果需要显示带换行的文本,可以使用\n: 如

  • 本文向大家介绍Javascript中内建函数reduce的应用详解,包括了Javascript中内建函数reduce的应用详解的使用技巧和注意事项,需要的朋友参考一下 前言 一般而言,可以通过reduce方法实现的逻辑都可以通过forEach方法来变相的实现,虽然不清楚浏览器的js引擎是如何在C++层面实现这两个方法,但是可以肯定的是reduce方法肯定也存在数组的遍历,在具体实现细节上是否针对数