>웹 프론트엔드 >프런트엔드 Q&A >Javascript의 함수 유형은 무엇입니까?

Javascript의 함수 유형은 무엇입니까?

WBOY
WBOY원래의
2022-06-29 16:30:464775검색

Javascript 함수 유형: 1. 생성자, new 키워드를 사용하여 호출할 함수를 정의하고 기본적으로 새 객체를 반환합니다. 2. 실제 이름이 없는 함수인 익명 함수는 전역 변수를 오염시키지 않습니다. 3. 클로저 패키지 함수, 다른 함수의 범위에 있는 변수에 접근할 권한이 있는 함수. 4. 동적 함수, 매개변수 목록 및 함수 본문은 문자열을 통해 동적으로 지정되는 함수입니다.

Javascript의 함수 유형은 무엇입니까?

이 튜토리얼의 운영 환경: Windows 10 시스템, JavaScript 버전 1.8.5, Dell G3 컴퓨터.

Javascript의 함수 유형은 무엇입니까

1. 생성자

Javascript에서 생성자는 기본적으로 새 객체를 반환하는 new 키워드를 사용하여 정의되고 호출되는 함수를 말합니다.

2. Javascript Anonymous에서는 함수는 실제 이름이 없는 함수를 참조합니다. 익명 함수를 사용해도 전역 변수가 오염되지 않습니다.

3. 클로저 함수

자바스크립트에서 클로저 함수는 다른 함수의 범위에 있는 변수에 접근할 수 있는 권한을 갖는 함수를 말하며, 함수 내부에서 생성되는 경우가 많습니다.

4. 동적 함수

자바스크립트에서 동적 함수란 매개변수 목록과 함수 본문이 문자열을 통해 동적으로 지정되는 함수를 말합니다.

예제는 다음과 같습니다.

    <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에서는 함수의 오버로딩이 없습니다. 모두에 대해 와일드카드를 사용해야 합니다. 함수가 정의될 ​​때 여러 변수를 선언하더라도 호출 시 어떤 숫자든 전달될 수 있습니다. 각 함수에는 이 호출 중에 전달된 모든 실제 매개변수를 저장하는 기본 배열 인수가 있습니다.

익명 함수

<!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을 사용하여 함수를 구성하는 방법의 첫 번째 매개 변수는 "형식 매개 변수"이고 두 번째 매개 변수는 "함수"입니다. 몸".

<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 front-end

위 내용은 Javascript의 함수 유형은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.