Heim > Web-Frontend > js-Tutorial > Hauptteil

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

青灯夜游
Freigeben: 2018-10-29 16:48:20
nach vorne
3100 Leute haben es durchsucht

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>
Nach dem Login kopieren

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>
Nach dem Login kopieren

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>
Nach dem Login kopieren

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!

Verwandte Etiketten:
Quelle:cnblogs.com
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage