Heim > Artikel > Web-Frontend > Javascript-Lern-JS-Funktion (Zusammenfassung der Erfahrung)

Javascript-Lern-JS-Funktion (Zusammenfassung der Erfahrung)

青灯夜游nach vorne: 2018-10-29 16:47:323075Durchsuche

Dieser Artikel bietet Ihnen eine Zusammenfassung der Erfahrungen mit js-Funktionen beim Erlernen von Javascript. Es hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, es wird Ihnen hilfreich sein.

Javascript-Funktionen sind ereignisgesteuerte oder wiederverwendbare Codeblöcke, die ausgeführt werden, wenn sie aufgerufen werden. Es nützt also nichts, einfach eine Funktion zu erstellen, ohne sie aufzurufen. Wir müssen sie aufrufen, um sie auszuführen.

1. Was ist eine Funktion

(1) Eine Funktion ist ein Codesegment, das eine bestimmte Funktion abschließt

(2) Eine Funktion ist ein wiederholbares Codesegment

(3) Funktionen sind einfach zu warten und zu verwalten

2. Worauf sollten wir beim Erstellen von Funktionen achten?

(1) Bei Funktionsnamen muss strikt zwischen Groß- und Kleinschreibung unterschieden werden

(2) Doppelte Funktionsnamen führen zu Überschreibungen

(3) Funktionsnamen sind am besten semantisch

3. Triggerfunktion

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <button onclick="Click()">点击按钮调用函数</button>
    <script>
        function Click(){
            alert('调用成功！');
        }
    </script>
</body>
</html>

4. Funktion, die Standardparameter implementiert

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <script>
    function calc(x,y){
        x=x||0;
        y=y||0;
        return x+y;
    }
   　　 alert(calc());
    　　alert(calc(1,2));
    </script>
</body>
</html>

6. Variablenumfang

(1) Lokale Variablen: Im Funktionskörper deklarierte Variablen, können nur innerhalb des Funktionskörpers verwendet werden

(2) Globale Variablen: Globale Variablen, können ab dem Zeitpunkt der Deklaration der Variablen verwendet werden Das Ende des Skripts

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <script>
        function test(){
            var sum = 0 ;
            var allNum = arguments.length ; //定义allNum为传入参数的个数
            for(var i=0;i<allNum;i++){
                sum+=arguments[i];//sum = sum + arguments[i]
                document.write(arguments[i]);
            }
            return sum;
        }
        alert(test(1,2,4));
    </script>
</body>
</html>

Dies ist nur meine persönliche Lernerfahrung. Wenn es Mängel gibt, weisen Sie sie bitte darauf hin. Vielen Dank für die tolle Beratung! !

Das obige ist der detaillierte Inhalt vonJavascript-Lern-JS-Funktion (Zusammenfassung der Erfahrung). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：

Dieser Artikel ist reproduziert unter:cnblogs.com. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen

Vorheriger Artikel：Welches wird zuerst ausgeführt: „ready“ oder „load“ Was ist der Unterschied zwischen „ready“- und „load“-Ereignissen in jquery?Nächster Artikel：Welches wird zuerst ausgeführt: „ready“ oder „load“ Was ist der Unterschied zwischen „ready“- und „load“-Ereignissen in jquery?

In Verbindung stehende Artikel

Mehr sehen