„JavaScript Advanced Programming“ Vorlesung 1 – Grundkonzepte

Ich habe das Buch „Advanced Programming with JavaScript“ schon mehrmals gelesen, aber ich habe es nie vollständig gelesen. Von nun an werde ich es vollständig lesen und mir zu jedem Kapitel Notizen und meine eigenen Gedanken machen.

Da der Inhalt der ersten drei Kapitel relativ einfach ist, werde ich sie in einem Kapitel zusammenfassen, um den Lernprozess aufzuzeichnen.

1. Grundkonzepte

1. Die Beziehung zwischen JavaScript und ECMAScript

Es kann zusätzlich verstanden werden ECMAScript, JavaScript enthält außerdem DOM (Document Object Model), BOM (Browser Object Model)

2, -Tag

: async defer charset type src

Der Unterschied zwischen defer und async: (gilt nur für externe Skriptdateien)

Ohne async oder defer werden -Tags analysiert Sequenz. Der Browser lädt und führt das angegebene Skript sofort aus, bevor das Dokumentelement unter dem Tag script gerendert wird. Dies bedeutet, dass er es lädt und ausführt, sobald es gelesen wird, ohne auf nachfolgende Dokumentelemente zu warten geladen werden.

Mit async wird der Prozess des Ladens und Renderns nachfolgender Dokumentelemente parallel zum Laden und Ausführen von js ausgeführt (asynchron);

Mit defer wird der Prozess des Ladens nachfolgender Dokumente ausgeführt Elemente werden parallel zum Laden von js ausgeführt. Fahren Sie parallel (asynchron) fort, aber die Ausführung von js muss abgeschlossen sein, nachdem alle Elemente analysiert wurden und bevor das DOMContentLoaded-Ereignis ausgelöst wird

Die blaue Linie steht für das Lesen im Netzwerk und die rote Linie für die Ausführungszeit. Beide gelten für Skripte. Die grüne Linie steht für die HTML-Analyse.

Für eine detaillierte Analyse klicken Sie auf

Tag-Position: kann hinter dem Inhalt im -Element platziert werden

Dokumentmodus: (kann in gemischten Modus und Standardmodus unterteilt werden)

Der Unterschied zwischen Browsermodus und Dokumentmodus im IE:

Browsermodus: wirkt sich auf die Browserversion und die bedingten Kommentare des IE aus

Dokumentmodus: wirkt sich auf die Satz-Engine und das DOM-Rendering des IE aus

Für eine detaillierte Analyse klicken Sie auf

3. Datentyp

5 einfache Datentypen: String, Number, Boolean, Null, Undefiniert 1 komplexer Datentyp: Object

Der Typeof-Operator erkennt den variablen Datentyp, gibt String zurück Hinweis: typeof null gibt „Objekt“ zurück, null wird als leere Objektreferenz betrachtet

Wenn die Variable nicht initialisiert oder deklariert ist, gibt typeof All undefiniert zurück

----- Boolescher Typ

数据类型 转换为true的值 转换为false的值 Boolean true false String 非空字符串 空字符串 Number 任何非零数字值（包括无穷大） 0和NaN Object 任何对象 null Undefined 不适用 undefined -----Zahlentyp

Die Berechnung von Gleitkommazahlen in js ist nicht genau, verwenden Sie sie mit Vorsicht~

isFinite() bestimmt, ob eine Zahl liegt innerhalb der Mindestsumme Die größte Zahl zwischen null) 0

parseInt() parseFloat() Wenn das erste Zeichen kein numerisches Zeichen oder ein negatives Vorzeichen ist, wird NaN parseInt('') zurückgegeben. NaN parseInt( null) NaN

--- -- String-Typ

Methode zum Konvertieren von Strings: toString() Mit Ausnahme von null und undefiniert kann diese Methode jeden Werttyp konvertieren in eine Zeichenfolge. Plusoperator +''

----- Objekttyp

Jede Instanz von Object verfügt über die folgenden Eigenschaften und Methoden

Konstruktor: Speichert die verwendete Funktion um das aktuelle Objekt zu erstellen

hasOwnProperty(propertyName): Ob die Eigenschaft in der aktuellen Objektinstanz vorhanden ist

IsPrototypeOf(object): Ob das übergebene Objekt der Prototyp eines anderen Objekts ist

PropertyIsEnumerable(propertyName): Ob die Eigenschaft zur Aufzählung von

toLocaleString()

toString() verwendet werden kann: Gibt die Zeichenfolgendarstellung des Objekts

valueOf(): Gibt die Zeichenfolge, den numerischen Wert oder den Wert des Objekts zurück, das

4 darstellt. Operator

var age = 10; var newAge = ++age; .log(age); //11 console.log(newAge) ; //11 ++age wird zuerst hinzugefügt und dann zugewiesen, also zuerst age+1, und dann wird der Wert newAge

zugewiesen

var age = 10; var newAge = age++; //11 console.log(newAge); //10 ++age wird zuerst zugewiesen, also zugewiesen Der Wert wird zuerst in newAge geändert, dann in age+1

----- Bitweise Operatoren Bitweises NOT (~) bedeutet, dass der negative Wert des Operanden um 1 reduziert wird

Bitweises UND (&) gibt nur dann 1 zurück, wenn die entsprechenden Bits beider Werte 1 sind. Wenn das Bit 0 ist, ist das Ergebnis alles 0

Wenn eines der Bits 1 ist im bitweisen ODER (|) wird 1 zurückgegeben

Bitweises XOR (^) Die entsprechenden Bits der beiden Werte haben nur 1. Gibt nur dann 1 zurück, wenn es sich um eine 1 handelt

Linksverschiebung (

Vorzeichenbehaftete Rechtsverschiebung ( >>) füllt die leeren Bits mit dem Wert des Vorzeichenbits

Rechtsverschiebung ohne Vorzeichen (>>>) füllt die leeren Bits mit 0

----- Boolescher Operator

Logisches NICHT (!)

Logisches UND (&&) Kurzschlussoperator, das heißt, wenn der erste Operand als falsch ausgewertet wird, wird der zweite Operand nicht ausgewertet eg:console.log(1 && 2 && 3); //3

Logischer ODER (||) Kurzschlussoperator, d. h. wenn das Auswertungsergebnis eines Operanden wahr ist , der zweite Operand wird nicht ausgewertet eg:console.log(1 || 2 || 3); //1

----- Gleichheitsoperator null >= 0 //true null == 0 //false Grund: Der Vergleichsoperator wird beim Vergleich in einen numerischen Wert umgewandelt, der Gleichheitsoperator jedoch nicht.

null == undefiniert //wahr null == 0 //falsch undefiniert == 0 //falsch

= =Nur Werte vergleichen ===Vergleichen sowohl Werte als auch Typen

Eine in einem früheren Interview gestellte Frage: var a = 1, b = 1; var c = {a: 1}, d = {a:1 }; console.log(a == b); console.log(a === b); console.log(c === d);

Wenn der Komma-Ausdruck für die Zuweisung verwendet wird, wird immer das letzte Element im Ausdruck zurückgegeben, z. B.:var num=(1,2,3 ); ; //3

5. Anweisung do{} while () Anweisung while() {} Anweisung switch Anweisung

For-in-Anweisung: kann sein Wird zum Aufzählen der Eigenschaften eines Objekts verwendet. Die Reihenfolge der zurückgegebenen Eigenschaften kann je nach Browser variieren.

break-Anweisung: Verlassen Sie die Schleife und führen Sie die Anweisung nach der Schleife aus. continue: Springen Sie aus dieser Schleife und führen Sie die nächste aus Schleife

6. Funktion

Das Argumentobjekt kann auf das Parameterarray zugreifen. Der Wert der Parameter kann über Argumente[0]... abgerufen werden, das das Längenattribut

Eine Funktion, die keinen Rückgabewert angibt, gibt einen undefinierten Wert zurück. Aus diesem Grund wird bei der Eingabe einiger Befehle in der Chrome-Konsole manchmal undefiniert~

zurückgegeben