Zusammenfassung der benutzerdefinierten JavaScript-Objektmethoden

<Skript>
        // Ein Objekt erstellen var stu = new Object()
        // Füge dem Objekt das Attribut stu.name='jibu' hinzu
        stu[9527] = 'jibu' //Spezielle Attributnamen verwenden Klammern //Methoden zu Objekten hinzufügen stu.study = function(){
            console.log('Lernen')
        }
        // Objekteigenschaften und Methoden aufrufen console.log(stu.name,stu['name'])
        //Methode stu.study() aufrufen
    </Skript>

<Skript>
        // 1. Definieren Sie einen Konstruktor, um eine Objektfunktion Student() { zu erstellen.
            // Objekteigenschaft this.name = "jibu"
            dieses.Alter = 18
                //Objektmethode this.study = function() {
                console.log('Lernen…')
            }
        }
        // 2. Rufen Sie den Konstruktor auf, um ein Objekt zu erstellen var stu = new Student()
        Konsole.log(stu.name)
        stu.studie()

        // Einen Konstruktor mit Parametern definieren // Einen Konstruktor zum Erstellen einer Objektfunktion definieren Student(name, age) {
            // Objekteigenschaft this.name = name
            this.age = Alter
                //Objektmethode this.study = function() {
                console.log('Lernen…')
            }
        }
        //Rufen Sie den Konstruktor auf, um das Objekt zu erstellen var stu = new Student('tom', 18)
        Konsole.log(stu.name)
        stu.studie()
    </Skript>

var stu = {
            Name: 'jibu',
            Alter: 100,
            'Spezielle Variablen': 1111
            Studie: Funktion() {
                console.log('Lernen')
            },
            anzeigen: function() {
                console.log('Mein Name ist' + dieser.Name, 'Alter:' + dieses.Alter)
            }
        }
        Konsole.log(stu.name)
        console.log(stu['spezielle Variable']

<Skript>
        // dies bezieht sich in der Funktion auf den Aufrufer der Funktion var a = 1

        Funktion f1() {
            var a = 2
            console.log(dies)
                // Lösen Sie das Problem, dass lokale und globale Variablen den gleichen Namen haben console.log('local variable: ', a)
            console.log('Globale Variablen: ', window.a)
            console.log('Globale Variablen: ', this.a)

        }
        f1()
    </Skript>

 <Skript>
        fenster.onload = funktion() {
            Dokument.QuerySelector('#btn').onclick = Funktion() {
                console.log(this) //Hier stellt dies das Zielelement der Ereignisquelle dar, die das Ereignis auslöst}
        }
    </Skript>
</Kopf>

<Text>
    <button id="btn">Schaltfläche</button>
</body>

<Skript>
        Funktion Student(Name, Alter) {
            // dies stellt im Konstruktor das aktuelle Objekt dar, das in Zukunft neu erstellt wird this.name = name
            this.age = Alter
        }
    </Skript>

Zeichenfolge, Zahl, Boolesch, undefiniert, null

<Skript>
        var a = 5
        var b = a
        b = 8
        konsole.log(a)
        console.log(b)
    </Skript>

Objekt, Array, Student…

<Skript>
        var stu1 = {
            Name: 'Tom',
            Alter: 18
        }
        var stu2 = stu1; //weise die Adresse von stu1 stu2 zu
        stu1.name = "alice"
        console.log(stu1.name)
        console.log(stu2.name)
    </Skript>

   <Skript>
        Funktion add() {
            für (var i = 1; i <= 5; i++) {
                var li = document.createElement('li')
                li.innerText = 'li' + i
                li.onclick = Funktion() {
                    console.log('Geklickt' + i + 'li')
                }
                document.getElementById('myul').appendChild(li)
            }
        }
    </Skript>
    <Stil>
        ul {
            Breite: 300px;
            Höhe: 300px;
            Rand: 1px durchgezogen #ccc;
        }
    </Stil>
</Kopf>

<Text>
    <button onclick="add()">Element hinzufügen</button>
    <ul id="meinul">

    </ul>
</body>

<Skript>
        Funktion add() {
            für (var i = 1; i <= 5; i++) {
                var li = erstelleLi(i)
                document.getElementById('myul').appendChild(li)
            }
        }

        Funktion erstelleLi(num) {
            var li = document.createElement('li')
            li.innerText = 'li' + num
            li.onclick = Funktion() {
                console.log('Geklickt' + num + 'li')
            }
            Rückkehr li
        }

<Skript>
        Funktion add() {
            für (var i = 1; i <= 5; i++) {
                var li = document.createElement('li')
                li.innerText = 'li' + i
                li.num = i; //Daten speichern li.onclick = function() {
                    console.log('Geklickt' + this.num + 'li')
                }
                document.getElementById('myul').appendChild(li)
            }
        }
    </Skript>

<Skript>
        Funktion add() {
            für (lass i = 1; i <= 5; i++) {
                var li = document.createElement('li')
                li.innerText = 'li' + i
                li.onclick = Funktion() {
                    console.log('Geklickt' + i + 'li')
                }
                document.getElementById('myul').appendChild(li)
            }
        }
    </Skript>

<Skript>
        //Der zusammengesetzte Attributwert ist ein JSON-Objekt var user = {
            "Name": {
                "Vorname": "ji",
                "Nachname": "bu"
            },
            "Alter": 100
        }
        console.log(Benutzername.Vorname)
    </Skript>

<Skript>
        //Der zusammengesetzte Attributwert ist ein JSON-Objekt var user = [{
                    "Ich würde": 1,
                    "Vorname": "ji",
                    "Nachname": "bu"
                }, {
                    "Ich würde": 1,
                    "Vorname": "ji",
                    "Nachname": "bu"
                }, {
                    "Ich würde": 1,
                    "Vorname": "ji",
                    "Nachname": "bu"
                },

            ]
            //Schleife für (var i = 0; i < Benutzerlänge; i++) {
            console.log(Benutzer[i])
        }
    </Skript>

 <Skript>
        //JSon-Objekt in String umwandeln var stu = {
            "Ich würde": 1,
            "Name": "jibu"
        }
        console.log(Typ von stu)
        var str = JSON.stringify(stu);
        console.log(Typ von str)


        //Konvertiere den String in JSON
        var str = '{"id": 1,"name": "jibu"}'
        console.log(Typ von str)

        var obj = JSON.parse(str)
        console.log(Objekttyp)
    </Skript>