Heim  >  Artikel  >  Web-Frontend  >  Was sind die benutzerdefinierten Funktionen von Javascript?

Was sind die benutzerdefinierten Funktionen von Javascript?

青灯夜游
青灯夜游Original
2022-03-28 20:07:032339Durchsuche

Benutzerdefinierte Funktionen umfassen: 1. Benannte Funktion, Syntax „Funktionsfunktionsname(){}“; 2. Anonyme Funktion, Syntax „var variable name=function(){};“ 3. Objektfunktion, Syntax „var Variable name=Function();"; 4. Selbstoptimierungsfunktion, die die Definition und den Aufruf der Funktion gemeinsam implementiert.

Was sind die benutzerdefinierten Funktionen von Javascript?

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

Eine Funktion ist eine Reihe verzögerter Aktionen, die durch Ereignisse ausgelöst oder in anderen Skripten aufgerufen werden können.

Zwei Arten von Funktionen in JavaScript: vordefinierte Funktionen, benutzerdefinierte Funktionen

  • Vordefinierte Funktionen

    • 【parseInt / parseFloat】String zu int/float

    • 【isNaN / isFinite】Überprüfen Sie, ob der Parameter Nicht- ist. Numerische Werte/unendliche Zahlen

    • 【Escape/Unescape】Zeichenfolgen kodieren/dekodieren

    • 【eval】JavaScript-Skripte ausführen

    • 【Alarm/Bestätigung/Eingabeaufforderung】Drei Warnfelder

  • Benutzerdefinierte Funktion

    • 【Benannte Funktion】function funcName(){}function funcName(){}

    • 【匿名函数】var x=function(){};

    • 【对象函数】var x=Function();

    • 【自调函数】(function(){}());

    【Anonyme Funktion】var x=function(){};

【 Objektfunktion】var x=Function();

【Selbsteinstellende Funktion】(function(){}());

  • Benutzerdefinierte Funktionen

  • Neben vordefinierten Funktionen können Sie auch benutzerdefinierte Funktionen in JavaScript verwenden.

    Beim Anpassen einer Funktion ist es weder erforderlich, den Parametertyp der Funktion noch den Rückgabetyp der Funktion zu deklarieren.
  • JavaScript unterstützt derzeit die folgenden Anpassungsmethoden:

  • Benannte Funktion

Anonyme Funktion

Objektfunktion
  • Selbstoptimierungsfunktion
  • . 1 . Benannte Funktion

Name Funktionen werden mit dem Schlüsselwort function definiert, gefolgt vom Funktionsnamen und Klammern (). Nach Abschluss der Funktionsdefinition wird die Funktion nicht automatisch ausgeführt, sondern nur, wenn sie über ein Ereignis oder Skript aufgerufen wird.

    Im selben 3f1c4e4b6b16bbbd69b2ee476dc4f83a2cacc6d41bbb37262a98f745aa00fbf0-Tag kann der Funktionsaufruf vor oder nach der Funktionsdefinition erfolgen.
  • In verschiedenen 3f1c4e4b6b16bbbd69b2ee476dc4f83a2cacc6d41bbb37262a98f745aa00fbf0-Tags muss die Definition der Funktion vor dem Aufruf der Funktion erfolgen, sonst ist der Aufruf ungültig.
Das Format ist wie folgt:

function funcName([parameters]){
  statements;
  [return 表达式;]
}

2. Anonyme Funktion

Das Definitionsformat anonymer Funktionen ist grundsätzlich das gleiche wie das benannter Funktionen, außer dass der Name der Funktion nicht angegeben wird sollte am Ende ein Semikolon stehen; Da es keinen Funktionsnamen gibt, müssen Sie Variablen verwenden, um anonyme Funktionen zu akzeptieren und nachfolgende Funktionsaufrufe zu erleichtern.

    Benannte Funktionen sind für Anfänger leicht zu erlernen, aber ihre Lesbarkeit ist schlecht. Anonyme Funktionen sind relativ bequemer zu verwenden und besser lesbar. Derzeit verwenden die meisten gängigen JavaScript-Frameworks grundsätzlich anonyme Funktionen, um Funktionen zu definieren.
  • Das Format ist wie folgt:
var x=function([parameters]){
  statements;
  [return 表达式;]
};
  • 3. Objektfunktion

    JavaScript stellt die Function-Klasse zum Definieren von Funktionen bereit. Das Format ist wie folgt:

    var func1=new Function([parameters],statements;);

    Function ist das Schlüsselwort, das zum Definieren der Funktion verwendet wird, und der erste Buchstabe muss großgeschrieben werden.

      Parameter sind Funktionsparameter, optional. Wenn mehrere Parameter vorhanden sind, trennen Sie diese durch Kommas.
    • Anweisungen ist der Funktionsausführungskörper. Wenn mehrere Ausführungsanweisungen vorhanden sind, werden die Anweisungen durch Semikolons getrennt.
    • 4. Selbstaufrufende Funktion

    Im Allgemeinen wird die Funktion selbst nicht automatisch ausgeführt, sondern nur, wenn sie aufgerufen wird. Daher stellt JavaScript eine selbstaufrufende Funktion bereit, die Funktionsdefinition und Aufruf zusammen implementiert. Das Format ist wie folgt:

    (function([parameters]){
      statements;
      [return 表达式;]
    })([params]);

    Sie müssen die Selbstoptimierungsfunktion in Klammern () einschließen und mit einem Semikolon abschließen;

    Parameter sind formale Parameter, optional. Parameter werden durch Kommas getrennt.

    params sind tatsächliche Parameter, Daten werden übergeben, wenn die Funktion aufgerufen wird.

    Codebeispiel:

    <!DOCTYPE html>
    <html>
    <head>
      <meta charset="UTF-8">
      <title>test</title>
    </head>
    <body>
      <input id="btn1" type="button" onclick="button1Event()" value="button1" />
      <input id="btn2" type="button" onclick="button2Event()" value="button2" /><br />
      <input id="a" type="text"/><input id="b" type="text"/><br />
      <input id="sumBtn" type="button" value="x+y" onclick="sum()"/>
      
      <script type="text/javascript">
        function button1Event(){/* 命名函数 */
            alert("命名函数:按钮1被点击!");
        }
        var x=function(){/* 匿名函数 */
            alert("匿名函数:按钮2被点击!");
        }
        button2Event=x;
        
        var y=new Function("a", "b", "return a+b");/* 对象函数 */
        sum=function(){
            var aValue=parseInt(document.getElementById("a").value,10);
            var bValue=parseInt(document.getElementById("b").value,10);
            alert("对象函数:"+y(aValue,bValue));
        }
        
        var tema=2;var temb=2;
        (function(a,b){/* 自调函数 */
            alert("自调函数:"+(a+b));
        })(tema,temb);
      </script>
    </body>
    </html>

    Effektdemonstration:

    🎜🎜🎜 🎜🎜🎜[Verwandte Empfehlungen: 🎜Javascript-Video-Tutorial🎜, 🎜Web-Frontend🎜]🎜

    Das obige ist der detaillierte Inhalt vonWas sind die benutzerdefinierten Funktionen von Javascript?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

  • 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