Heim > Artikel > Web-Frontend > Welche Funktionstypen gibt es in Javascript?

Welche Funktionstypen gibt es in Javascript?

WBOYOriginal: 2022-06-29 16:30:464671Durchsuche

Javascript-Funktionstypen: 1. Konstruktor, verwenden Sie das Schlüsselwort new, um die aufzurufende Funktion zu definieren und standardmäßig ein neues Objekt zurückzugeben. 2. Anonyme Funktion, eine Funktion ohne tatsächlichen Namen, verursacht keine Verschmutzung globaler Variablen. 3. Abschlusspaketfunktion, eine Funktion mit der Berechtigung zum Zugriff auf Variablen im Bereich einer anderen Funktion. 4. Dynamische Funktion, Parameterliste und Funktionskörper sind Funktionen, die dynamisch durch Zeichenfolgen angegeben werden.

Die Betriebsumgebung dieses Tutorials: Windows 10-System, JavaScript-Version 1.8.5, Dell G3-Computer.

Was sind die Funktionstypen von Javascript?

Konstruktor in Javascript bezieht sich auf eine Funktion, die mit dem Schlüsselwort new definiert und aufgerufen wird und standardmäßig ein neues Objekt zurückgibt,

2. Anonyme Funktion

Funktionen beziehen sich auf Funktionen ohne tatsächliche Namen. Die Verwendung anonymer Funktionen führt nicht zu einer Verschmutzung globaler Variablen.

3. Abschlussfunktion

Eine Abschlussfunktion in Javascript bezieht sich auf eine Funktion, die über die Berechtigung verfügt, auf Variablen im Gültigkeitsbereich einer anderen Funktion zuzugreifen.

4. Dynamische Funktion

Eine dynamische Funktion in Javascript bezieht sich auf eine Funktion, deren Parameterliste und Funktionskörper dynamisch durch eine Zeichenfolge angegeben werden.

Das Beispiel sieht wie folgt aus:

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

Zusammenfassend lässt sich sagen, dass es in JS keine Überladung von Funktionen gibt. Es muss für alle Platzhalter verwendet werden. Obwohl die Funktion bei der Definition mehrere Variablen deklariert, kann beim Aufruf eine beliebige Zahl übergeben werden. In jeder Funktion gibt es ein Standard-Array-Argumente, das alle tatsächlichen Parameter speichert, die während dieses Aufrufs übergeben werden.

Anonyme Funktion

<!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>

Dynamische Funktion

Einführung: Verwenden Sie die in Js integrierte Objektfunktion, um eine Funktion zu erstellen. Der erste Parameter in der Konstruktionsmethode ist „formeller Parameter“ und der zweite Parameter ist „Funktion“. Körper".

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

【Verwandte Empfehlungen:

Javascript-Video-Tutorial

, Web-Frontend】

Das obige ist der detaillierte Inhalt vonWelche Funktionstypen gibt es in Javascript?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

JavaScript 构造函数全局变量字符串闭包形参实参 JS function 对象作用域

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：Es gibt verschiedene Möglichkeiten, Javascript-Ereignisse zu verarbeitenNächster Artikel：Es gibt verschiedene Möglichkeiten, Javascript-Ereignisse zu verarbeiten

In Verbindung stehende Artikel

Mehr sehen