Klassischer Beispielcode für JavaScript-Funktionsaufrufe

Klassischer Beispielcode für JavaScript-Funktionsaufrufe

Klassisches Beispiel für einen JavaScript-Funktionsaufruf

1. Eingabefeld zur Bestimmung, ob es sich um ein Schaltjahr handelt

2. Zufallszahl zur Bestimmung, ob es ein Schaltjahr ist

3. Eingabefeld bestimmt, ob es sich um eine Primzahl handelt

4. Bestimmen Sie, ob eine Zufallszahl eine Primzahl ist

5. Kapseln Sie die Funktion, um festzustellen, ob das Datum gültig ist

Überlegung: Zuerst verwenden wir die Methode zum Aufrufen von Funktionen und schreiben alle aufzurufenden Funktionen in den Ordner js, was beim Aufrufen bequemer ist. Es ist wichtig zu beachten, dass Sie nicht vergessen, js in HTML einzuführen.

HTML Quelltext:

<Text>
    <span>Ist es ein Schaltjahr?</span>
    <Eingabetyp="Text" id='inp1'>
    <br>
    <span>Ist es eine Primzahl?</span>
    <Eingabetyp="text" id="inp2">
    <br>

    <!-- JS-Dateien extern importieren-->
    <script src="../js/tools_practice.js"></script>

    <Skript>
        //Rufen Sie die Objekterfassungsfunktion auf var oInp1 = get('inp1');

        //Feststellen, ob es ein Schaltjahr ist var year = leap_year(2004);
        
        // Dem Eingabefeld einen Wert zuweisen, wenn (Jahr) {
            oInp1.value = 'Es ist ein Schaltjahr';
        }
        anders{
            oInp1.value = 'Kein Schaltjahr';
        }

        //Rufen Sie eine Zufallszahl auf, um ein Jahr zu generieren und festzustellen, ob es ein Schaltjahr ist. var y = rand(1000, 2000);
        var res = Schaltjahr(j);
        wenn(res){
            document.write('Zufallszahl' + y + 'ist ein Schaltjahr' + '&nbsp;&nbsp;&nbsp;&nbsp;');
        }
        anders{
            document.write('Zufallszahl' + y + 'kein Schaltjahr' + '&nbsp;&nbsp;&nbsp;&nbsp;');
        }



        //Funktion aufrufen, um zugehörige Objekte abzurufen var oInp2 = get('inp2');

        //Eingabefeld bestimmt, ob es eine Primzahl ist var n = isZhi(14);

        //Weisen Sie dem Primzahl-Eingabefeld einen Wert zu, wenn (n) {
            oInp2.value = 'ist eine Primzahl'
        }
        anders{
            oInp2.value = 'Keine Primzahl'
        }

        //Rufen Sie eine Zufallszahl auf, um eine Zahl zu generieren und festzustellen, ob es sich um eine Primzahl handelt. var num = rand(0,1000);
        var res3 = isZhi(num);
        wenn(res3){
            document.write('Zufallszahl' + num + 'ist eine Primzahl' + '&nbsp;&nbsp;&nbsp;&nbsp;');
        }
        anders{
            document.write('Zufallszahl' + num + 'keine Primzahl' + '&nbsp;&nbsp;&nbsp;&nbsp;');
        }


        //Kapselungsfunktion um zu bestimmen, ob das Datum gültig ist var da = data(1233,1,32);
        wenn(da){
            document.write('Rechtsgültiges Datum' + '&nbsp;&nbsp;&nbsp;&nbsp;');
        }
        anders{
            document.write('Das Datum ist ungültig' + '&nbsp;&nbsp;&nbsp;&nbsp;');
        }

    </Skript>
</body>

js-Code:

//Funktion: Bestimmen, ob ein Jahr ein Schaltjahr ist//Parameter:
//Nummer
//Rückgabewert:
// Boolescher Wert
Funktion Schaltjahr(x) {
    wenn (x % 4 === 0 && x % 100 !== 0 || x % 400 === 0) {
        gibt true zurück;
    }
    gibt false zurück;
}

//Holen Sie sich das Objekt Funktion get(id) {
    gibt document.getElementById(id) zurück;
}

//Funktion: Erzeugt eine zufällige Ganzzahl innerhalb eines bestimmten Bereichs //Parameter:
// min Zahlenbereich Minimalwert // max Zahlenbereich Maximalwert // Rückgabewert:
//Nummer
Funktion rand(min, max) {
    gibt Math.round(Math.random() * (max - min) + min) zurück;
}

//Funktion: Bestimmen, ob eine Zahl eine Primzahl ist//Parameter:
//Nummer
//Rückgabewert:
// Boolescher Wert
Funktion istZhi(n) {
    für (var i = 2; i < n; i++) {
        wenn (n % i === 0) {
            gibt false zurück;
        }
    }
    gibt true zurück;
}

//Funktion: Feststellen, ob das Datum gültig ist//Parameter:
// y Zahl Jahr // m Zahl Monat // d Zahl Datum // Rückgabewert:
// Boolescher Wert
Funktion Daten(y, m, d) {
    //Erst das Jahr bestimmen --> dann den Monat bestimmen --> dann das Datum bestimmen //Jahr bestimmen:
    wenn (y >= 1000 && y <= 2000 && y % 1 === 0) {
        //Beurteile den Monatwenn (m >= 1 && m <= 12 && m % 1 === 0) {
            var maxTag;
            wenn (m === 1 || m === 3 || m === 5 || m === 7 || m === 8 || m === 10 || m === 12) {
                maxTag = 31;
            }
            sonst wenn (m === 4 || m === 6 || m === 9 || m === 11) {
                maxTag = 30;
            }
            sonst wenn (m === 2) {
                wenn (y % 4 === 0 und y % 100 != 0 || y % 400 === 0) {
                    maxTag = 29;
                }
                anders {
                    maxTag = 28;
                }
            }
            //Beurteile das Datum if(d >= 1 && d <= maxDay && d % 1 === 0){
                gibt true zurück;
            }
        }
    }
    gibt false zurück;
}

 

Definition und Aufrufmethode der JS-Funktion

Vier Methoden zum Aufrufen von JS-Funktionen: Methodenaufrufmodus, Funktionsaufrufmodus, Konstruktoraufrufmodus, Anwenden, Aufrufaufrufmodus

1. Methodenaufrufmodus:

Definieren Sie zuerst ein Objekt, definieren Sie dann die Methode in den Eigenschaften des Objekts und führen Sie die Methode über myobject.property aus. Dies bezieht sich auf das aktuelle myobject-Objekt.

var blogInfo={

  Blog-ID: 123,

  Blogname: "werwr",

  Blog anzeigen: Funktion () {Alarm (this.blogId);}

};



blogInfo.showBlog();

2. Funktionsaufrufmodus

Definieren Sie eine Funktion und legen Sie einen Variablennamen zum Speichern der Funktion fest. Dies zeigt derzeit auf das Fensterobjekt.

var meinefunktion = funktion(a,b){
  gib a+b zurück;
}

Alarm (myfunc (3,4));

3. Konstruktor-Aufrufmodus

Definieren Sie ein Funktionsobjekt, definieren Sie Eigenschaften im Objekt und definieren Sie Methoden in seinem Prototypobjekt. Bei Verwendung der Prototypmethode muss das Objekt instanziiert werden, bevor seine Methode aufgerufen werden kann.

var meinefunc = funktion(a){
  dies.a = a;
};

meinefunc.prototype = {
  anzeigen:Funktion(){alert(this.a);}
}

var newfunc = neue myfunc("123123123");
newfunc.show();

4.Anwenden, Anrufmodus

var meinObjekt={};
var Summe = Funktion(a,b){
  gib a+b zurück;
};

var sum2 = sum.call(meinObjekt,10,30); //var sum2 = sum.apply(meinObjekt,[10,30]); 

Alarm(Summe2);

Zusammenfassen

Dies ist das Ende dieses Artikels über JavaScript-Funktionsaufrufe. Weitere relevante JavaScript-Funktionsaufrufe finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, Sie werden 123WORDPRESS.COM auch in Zukunft unterstützen!

Das könnte Sie auch interessieren:
  • Detaillierte Erläuterung der 4 Aufrufmethoden von JavaScript-Funktionen
  • JavaScript-Funktionsaufruf und Parameterübergabe
  • Analyse der Erstellungs- und Aufrufmethoden anonymer Funktionen in js
  • Einführung in zwei gängige Methoden zum Funktionsaufruf in js
  • 5 Möglichkeiten zum Aufrufen von Funktionen in JavaScript
  • So rufen Sie die JS-Funktion auf
  • Detaillierte Erläuterung gängiger Methoden für JS-Funktionsaufrufe

<<:  Diskussion zur horizontalen und vertikalen Zentrierung von Elementen in HTML

>>:  CSS Skills Collection – Klassiker unter den Klassikern

Artikel empfehlen

CSS Acht auffällige HOVER-Effekt-Beispielcodes

1. Effekt-HTML senden <div id="senden-btn...

Verwenden Sie CSS, um die Breite von INPUT in TD festzulegen

Als ich kürzlich mit C# ein Webprogramm erstellte,...

So schreiben Sie speichereffiziente Anwendungen mit Node.js

Inhaltsverzeichnis Vorwort Problem: Kopieren groß...

Mysql-Lösung zur Verbesserung der Effizienz beim Kopieren großer Datentabellen

Vorwort Dieser Artikel stellt hauptsächlich den r...

Detaillierter Prozess zum Upgrade von gcc (Version 10.2.0) in der CentOS7-Umgebung

Inhaltsverzeichnis Kurze Einleitung 1. Überprüfen...

52 SQL-Anweisungen, die Ihnen Leistungsoptimierung beibringen

1. Um die Abfrage zu optimieren, sollten Sie voll...

MySQL Serie 4 SQL-Syntax

Inhaltsverzeichnis Tutorial-Reihe 1. Einführung u...

Stellen Sie IE8 so ein, dass Code im IE7-Stil verwendet wird

<meta http-equiv="x-ua-kompatibel" co...

Ubuntu installiert mehrere Versionen von CUDA und wechselt jederzeit

Ich werde nicht erklären, was CUDA ist, sondern d...

Vues Render-Funktion

Inhaltsverzeichnis 1. Knoten, Bäume und virtuelle...

So schreiben Sie Objekte und Parameter, um Flash in Firefox abzuspielen

Code kopieren Der Code lautet wie folgt: <Obje...

Allgemeine Datentypen in MySQL 5.7

——Anmerkungen aus „MySQL in einfachen Worten (zwe...

CSS3-Implementierungsbeispiel zum Drehen nur des Hintergrundbildes um 180 Grad

1. Mentale Reise Als ich kürzlich das Cockpit sch...