Kapitel 1 JavaScriptEinführung

Kapitel 2HTMLverwendet in HTMLJavaScript

Kapitel 3 Grundkonzepte

3.1.Grammatik

Groß-/Kleinschreibung beachten

Identifikator(Es wird empfohlen, Camel Case zu verwendenmyCar)

Kommentar // /**/

Streng Modus (verwenden Sie streng)

Anweisung empfiehlt var diff-a-b; die Verwendung von Semikolon und if( test ) { Alert (Test); }Verwenden Sie auch {}

3.2 Schlüsselwörter und reservierte Wörter

3.3 Variable

Nicht initialisiertundefiniert var message = „hi“; Der Typ kann nach Belieben geändert werden

Function test(){

Var a = “hi”; 局部

b = “hi”; 全局

}

Test(); Fehler hi

Datentyp

definiert, aber nicht zugewiesen)

Null-Objektzeiger)

Boolescher Werttrue false Die Flusskontrollanweisung führt automatisch das entsprechende aus boolean Konvertieren)

Oktal0 Dezimal zehn Hexadezimal0x Gleitkomma-WertebereichNaN Numerische KonvertierungNumber parseInt )

String, kein Unterschied zwischen einfachen und doppelten Anführungszeichen, Escape-Sequenz, String-Eigenschaften, toString String)

Object Die Basis von Alle Objekte var o = new Object();)

Funktion in ES ist ein Objekt, kein Datentyp.

Operator

Unärer Operator++ -- , + -( kann zum Konvertieren von Datentypen verwendet werden )

Bitoperatoren Bitweises NICHT~num1 Bitweises UND& Bitweises ODER| Bitweises XOR^ Linksverschiebung<< RechtsverschiebungRechtsverschiebung ohne Vorzeichen >>

Boolescher Operator

! && ||. Multiplikativer Operator* / % Additivoperator+ - Relationaloperator < 🎜>Bedingter Operator? ：

Zuweisungsoperator

Kommaoperator

Anweisung

Funktion

Argumente Keine Überladung

Kapitel 4

Variablen, Umfang und Speicherprobleme

Werte von Basistypen und Referenztypen

Dynamische Attribute (Referenztypen können dynamisch Attribute hinzufügen)

Variablenwerte kopieren

Die Grundtypen sind unterschiedlich Space, der Referenztyp bezieht sich auf den gleichen Raum )Übergabeparameter

das Gleiche)

Erkennungstyp (Typ der Instanz von)

4.2Ausführungsumgebung und -umfang

Umfangskette Bereichskette erweitern(try-catch with) Kein Bereich auf Blockebene(wenn für Variable Abfrage-ID deklarieren )

4.3Garbage Collection

Strategie(Mark Clear Reference Count ) Leistungsprobleme beim Verwalten des Speichers

Kapitel 5 Referenztypen

5.1 ObjektTyp

Var person = {};(eignet sich zur Übergabe einer großen Anzahl von Parametern an Funktionen) var parson = new Object();

Person[„name“](Wenn Sie Variablen zur Darstellung von Attributen verwenden, verwenden Sie ) person.name(Empfohlen)

5.2 Array Typ

Var farben = new Array(); var farben =[*****];

Colors[*] = *****; Colors.length

Array erkennen: Instanz von Array.isArray()

Konvertierungsmethode: toString() valueOf() toLocaleString() join()

Stack-Methode: push() pop()

Warteschlangenmethode: shift() unshift()

Neuordnungsmethode: reverse() sort(Sie können den Vergleichsfunktionsparameter hinzufügen )

Operationsmethode: concat()Die ursprüngliche Änderung wird hinzugefügt slice()Die ursprüngliche Änderung ist das abgefangene Segment

indexOf() lastIndexOf()

every() filter() forEach() map() some()

reduce()

reduceRight()Umgekehrte Reihenfolge für beide Elemente 5.3 Datum

Neues Datum()

"May 25, 2004") UTC(2005,0) Date.now()

toLocaleString( ) toString() valueOf()

toDateString() toTimeString() toLocaleDateString() toLocaleTimeString() toUTCString()

/

5.4RegExp

var pattern1 = / [bc]at / i;

var pattern2 = new RegExp(“ [bc]at ”, ” i ”);

RegExp

Es ist nutzlos

RegExpInstanzmethode: exec() Gruppe erfassen(Mehrere Übereinstimmungssätze erfassen) text() Überprüfen Sie, ob es gleichzeitig übereinstimmt

Einschränkungen des Modus: Fehlen erweiterter Funktionen für reguläre Ausdrücke, die von einigen Sprachen unterstützt werden ​​(Perl)

5.5 Funktion Typ Funktion ist ein Objekt

Function Instanzen von ), der Funktionsname ist ein Zeiger. function sum(num1,num2) { }

Var sum = function(num1,num2){ };

Es gibt keine Überladung: Die Funktion ist ein Objekt und der Funktionsname ist ein Zeiger.

Funktion *******

wird nicht fördern Funktionsinterne Eigenschaften: Argumente

AttributAufgerufenerzeigt auf Funktion) diesesObjekt(Zeigen Sie auf das Umgebungsobjekt , in dem die Funktion ausgeführt wird) AttributAufrufer (zeigt auf die Funktion, die die aktuelle Funktion aufruft, wenn es sich um eine Funktion mit globalem Gültigkeitsbereich handelt Wert ist null) Funktionsattribute und -methoden:

( Länge

Geerbt) Nicht vererbte Methode : call( ) apply() bind()

a.apply( b, c );

b

a übrigens c( Argument oder Array ) / d( jedes Element schreiben out ) Var a = b.bind(c); a

5.6Grundlegender Wrapper-Typ:

Boolean

var booleanObject = new Boolean(true);

-Objekte zu verwenden. Nummer

Es wird außerdem empfohlen, den Typ Number nicht direkt zu instanziieren.

String Typ:

„hello world“); length

1.Zeichenmethode: charAt() oder string[] gibt das entsprechende Zeichen zurück charCodeAt() Gibt die entsprechende Zeichenkodierung zurück

2. String-Operationsmethode:

concat() oder +-Operator sieht genauso aus wie der concat()

Slice() substring() substr()

3.

indexOf( ) lastIndexOf()

4.trim()

trimLeft() trimRight()

5. String-Case-Konvertierungsmethode

toLowerCase() toUpperCase()

toLocaleLowerCase() toLocaleUpperCase()

6. String-Muster-Abgleichsmethode

match()

exec() von RegExp, das das mit der Zeichenfolge übereinstimmende Array zurückgibt

search()

-1

zurückgegeben replase()

split()

7.localeCompare()

8.fromCharCode()

9. HTML

big() string

5.7

1.Global

URL

encodeURI()

encodeURIComponent() einige A-Absatzkodierung

decodeURI()

decodeURIComponent() eine bestimmte Absatzdekodierung

eval()

ECMAScriptParser

Global

undefiniert, Array......sind alle Eigenschaften

Web

Fenster-Objekts

Objekt

Objekteigenschaften Einige spezielle Werte wie π

Methode

Rundungsmethode: Dezimalwert in Ganzzahl umwandeln

Math.ceil(25) Eins vorwärts Math.floor(25) Eins zurück Math.round(25) Rundung

random() Methode [0,1) Zufallszahl zwischen

Andere Methoden Zu viel lesen

Kapitel 6 Objektorientierte Programmierung

6.1Objekte verstehen

6.1.1Attributtyp:

Datenattribut: 4Attribute

Accessor-Eigenschaft: enthält keinen Datenwert 4 Eigenschaften, die über Object.defineProperty()

Definieren Sie mehrere Eigenschaften: Object.defineProperties() kann ein Datenattribut oder ein Accessor-Attribut sein.

Merkmale zum Lesen von Eigenschaften: Object.getOwnPropertyDescriptor()

Objekte erstellen

Werksmuster( Lesen )

Konstruktormuster(Lesen neuer Konstruktor)

Prototypmuster:

Prototyp und inBetreiber( in for-in )

Einfachere Prototypensyntax(Objektliteral für den Zugriff auf Objekte)

Dynamisch Art des Prototyps( Der Prototyp kann durch ein anderes Objekt ersetzt werden, ist jedoch für die bereits erstellte Instanz ungültig)

Prototyp eines nativen Objekts( dient zur Verwendung des Prototypmodus. Sie können darin neue Methoden definieren, dies wird jedoch nicht empfohlen)

Verwendung von Konstruktormuster und Prototypmuster in Kombination

Dynamischer Prototypmodus

Parasit-Konstruktormuster

Der einzige Unterschied zwischen dem Fabrikmuster und dem Fabrikmuster ist einsneu, und es hat mehrere Rückkehr. Das zurückgegebene Objekt hat nichts mit dem Konstruktor zu tun, daher kann der Operator instanceof nicht zur Bestimmung des Objekttyps verwendet werden. Nicht empfohlen.

6.2.7Sicheres Konstruktormuster

ähnelt dem parasitären Konstruktormuster, jedoch ohne die Verwendung von diesem und neu. instanceof kann auch nicht erkannt werden

6.3Inherited

6.3.1Prototyp-Kette Prototyp-Suchmechanismus

1.Vergessen Sie nicht den Standard-Prototyp: den Standard für Alle Funktionen Prototypen sind alle Instanzen von Object.

2.Bestimmen Sie die Beziehung zwischen Prototyp und Instanz: instanceof isPrototypeOf()

3 Methoden definieren: Neue Methoden müssen definiert werden, nachdem die Instanz den Prototyp ersetzt hat.

4. Prototypenkettenproblem:

Attribute außerhalb des Prototyps werden ebenfalls vererbt

Wann Beim Erstellen einer Instanz eines Untertyps können keine Parameter an den Konstruktor des Obertyps übergeben werden.

wird selten allein verwendet.

6.3.2Verwenden Sie den geliehenen Konstruktor, um call oder apply Parameter erben und übergeben, aber nur das Konstruktormuster verwenden.

Kombinierte Vererbung

Prototypkettenimplementierung Prototypattribute und Vererbung von Methoden

Ausleihen von Konstruktoren zur Implementierung Vererbung von Instanzeigenschaften

Prototypische Vererbung(Lesen)

Konstruktor wird nicht verwendet Ein beibehaltener Typ kann verwendet werden, aber er teilt die Eigenschaften des Referenztyps wie das Prototypmuster.

Parasitäre Vererbung(Lesen)

Konstruktor wird nicht berücksichtigt kann verwendet werden Funktionswiederverwendung ist jedoch nicht möglich

Parasitäre kombinatorische Vererbung(Lesen)

Kapitel 7 Funktionsausdruck

Funktionsdeklaration(Funktionsdeklaration wird mit Name gefördert)

Funktionsausdruck( Name ist eine leere anonyme Funktion/Benannte allgemeine Funktionsausdrücke sind anonyme Funktionen)

7.1Rekursion

Der strenge Modus kann nicht verwendet werden arguments.callee Sie können benannte Funktionsausdrücke verwenden.

7.2Abschluss: Eine Funktion, die Zugriff auf eine Variable im Gültigkeitsbereich einer anderen Funktion hat

Selbstzusammenfassung: Abschlüsse sind Funktionen, im Allgemeinen werden anonyme Funktionen verwendet

1 Abschlüsse können auf Variablen in zurückgegebenen externen Funktionen zugreifen.

2.Das aktive Objekt einer anderen Funktion wird gespeichert, bis die Gültigkeitskette des Abschlusses zerstört wird.

7.2.1Abschlüsse und Variablen

Nebenwirkungen: Abschlüsse werden auf der Scope-Kette gespeichert das gesamte Variablenobjekt, sodass die zurückgegebene Variable der zuletzt gespeicherte Wert ist.

Beispielsweise kommt es in der for-Schleife zu unbefriedigenden Situationen.

7.2.2ÜberdiesesObjekt

Das dieses-Objekt im Abschluss Der Abschluss kann in einigen Sonderfällen auf dem globalen Objekt platziert werden, sodass sich dies automatisch ändert.

7.2.3Speicherverlust

Verwenden Sie Abschlüsse, um ein normales Speicherrecycling sicherzustellen

7.3Umfang auf Blockebene imitieren

Verwenden Sie zur Nachahmung eine anonyme selbstausführende Funktion.

Selbstzusammenfassungsfunktion:

1.Es wird nach der internen Ausführung zerstört.

2.Anonyme selbstausführende Funktionen können die Verschmutzung globaler Methoden und Eigenschaften reduzieren.

Beim Schließen gibt es ein Gedächtnisproblem und die Verwendung dieser Kombination ist sehr komfortabel.

7.4Private Variablen

Alles auf dem Objekt ist öffentlich Alles in der Funktion ist privat

Erstellen Sie die öffentliche Methode der Funktion durch Abschluss(Privilegierte Methode) --------- wird verwendet, um private Variablen zu erhalten

im Konstruktor erstellt                                                                                                                                                                                                                          🎜>this.****** = function(){ **** }; Aber bei jeder Instanziierung wird eine Reihe von Methoden neu erstellt, was verschwenderisch ist.

7.4.1Statische private Variablen                                                     Wenn eine Instanz keine eigenen privaten Eigenschaften hat

Verbessert die Wiederverwendbarkeit von Code, aber jede Instanz verfügt nicht über eigene private Variablen. (Weil dies als statische private Variable bezeichnet wird )

Verwenden Sie je nach den spezifischen Anforderungen Instanzvariablen oder statische private Variablen .

7.4.2Modul.                                                                       Literal Ein Instanzobjekt

(

) Definieren Sie darin private Variablen und Methoden die anonyme Funktion und verwenden Sie dann ein Objektliteral als Rückgabewert der Funktion.

7.4.3

muss eine Instanz eines bestimmten Typs sein , müssen auch einige Eigenschaften oder Methoden hinzugefügt werden.

Das obige ist der detaillierte Inhalt vonEinführung in die erweiterte JavaScript-Programmierung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!