English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Basic concepts
JavaScript is an interpreted language, and the browser acts as the interpreter. When JavaScript is executed, it first interprets and then executes within the same scope. During interpretation, it compiles variables defined by the function and var keywords and assigns values to variables from top to bottom.
Case-sensitive
In ECMASCript, everything (including variables, function names, and operators) is case-sensitive.
1. Variable
Variables are set in memory when used for the first time, making it convenient to refer to them later in the script. Declare variables before using them. Variable declarations can be made using the var keyword.
var count, amount, level; // Multiple declarations declared with a single var keyword.
Variable naming
Variable names include global variables, local variables, class variables, function parameters, and so on. They all belong to this category.
Variable naming is prefixed with the type+Wörter mit Bedeutung bestehen, die Lesbarkeit von Variablen und Funktionen durch das Hinzufügen von CamelCase-Namen erhöhen. Zum Beispiel: sUserName, nCount.
Präfix-Standard:
Jede lokale Variable muss einen Typpräfix haben, der nach Typ klassifiziert werden kann:
s: bedeutet Zeichenkette. Zum Beispiel: sName, sHtml;
n: bedeutet Zahl. Zum Beispiel: nPage, nTotal;
b: bedeutet Logik. Zum Beispiel: bChecked, bHasLogin;
a: bedeutet Array. Zum Beispiel: aList, aGroup;
r: bedeutet reguläres Ausdruck. Zum Beispiel: rDomain, rEmail;
f: bedeutet Funktion. Zum Beispiel: fGetHtml, fInit;
o: bedeutet andere nicht erwähnte Objekte, z.B.: oButton, oDate;
g: bedeutet globale Variable, z.B.: gUserName, gLoginTime;
JScript ist eine sprachunabhängige Sprache. Beim Erstellen eines gültigen Variablennamens sollten Sie die folgenden Regeln befolgen:
Beachten Sie, dass der erste Buchstabe nicht eine Ziffer sein kann.
Es kann gefolgt werden von beliebigen Buchstaben oder Ziffern sowie Unterstrichen, aber nicht von Leerzeichen. Der Variablenname darf nicht ein reserviertes Wort sein.
JavaScript ist eine schwach typisierte Sprache, JavaScript ignoriert überschüssige Leerzeichen. Sie können Leerzeichen zu Skripten hinzufügen, um deren Lesbarkeit zu verbessern.
var ist ein reserviertes Wort in JavaScript, das darauf hinweist, dass eine Variablenbeschreibung folgt, der Variablenname ist ein durch den Benutzer definiertes Identifikator, Variablen werden durch Kommas getrennt.
Wenn eine Variable deklariert wurde, aber nicht zugewiesen wurde, existiert diese Variable und ihr Wert ist der Jscript-Wert undefined.
Zwangstypumwandlung
In Jscript können Operationen mit verschiedenen Werttypen durchgeführt werden, ohne sich Sorgen zu machen, dass der JScript-Interpreter eine Ausnahme auslöst. Im Gegenteil, der JScript-Interpreter ändert (k forcieren) eines der Daten Typen automatisch in einen anderen und führt die Operation aus. Zum Beispiel:
Operationen... Ergebnisse
Zahl und Zeichenkette addieren... Die Zahl in eine Zeichenkette umwandeln.
Boolescher Wert und Zeichenkette addieren... Den booleschen Wert in eine Zeichenkette umwandeln.
Zahl und boolescher Wert addieren... Den booleschen Wert in eine Zahl umwandeln.
Um eine Zeichenkette explizit in eine Ganzzahl zu konvertieren, verwenden Sie die Methode parseInt. Um eine Zeichenkette explizit in eine Zahl zu konvertieren, verwenden Sie die Methode parseFloat.
Das Leben von JavaScript-Variablen: Wenn Sie eine Variable in einer Funktion deklarieren, können Sie diese Variable nur in dieser Funktion aufrufen. Wenn Sie die Funktion verlassen, wird diese Variable aufgehoben. Solche Variablen werden als lokale Variablen bezeichnet. Sie können in verschiedenen Funktionen lokale Variablen mit dem gleichen Namen verwenden, da nur die Funktion, die die Variable deklariert hat, die darin enthaltenen Variablen erkennen kann.
如果您在函数之外声明了一个变量，则页面上的所有函数都可以访问该变量。这些变量的生存期从声明它们之后开始，在页面关闭时结束。
js变量思维导图
2.js的数据类型
jscript 有三种->主要数据类型、两种->复合数据类型和两种->特殊数据类型。
主要（基本）数据类型
字符串
数值
布尔
复合（引用）数据类型
对象
数组
特殊数据类型
Null
`Undefined`
字符串数据类型：字符串数据类型用来表示 JScript 中的文本。在js中，虽然双引号（”"）和单引号(”)均可表示字符串，而且它们几乎没有任何区别。但只使用双引号(“”)来表示字符串被认为是最佳的。
Ein Zeichensatzwert ist eine Abfolge von Null oder mehr Unicode-Zeichen (Buchstaben, Ziffern und Satzzeichen).
Was ist Unicode?
Unicode bietet jedem Zeichen eine eindeutige numerische Repräsentation, egal auf welchem Plattform, welchem Programm oder welche Sprache. Die Entwicklung von Unicode diente dazu, eine einheitliche Kodierung für die Verarbeitung aller Zeichen auf der Welt bereitzustellen.
Numerische Datenart
Wir müssen klarstellen, dass JScript alle numerischen Werte intern als Fließkommawerte darstellt, daher gibt es in Jscript keine Unterschiede zwischen Ganzen und Fließkommawerten.
Boolean-Datenart
Boolean (logisch) kann nur zwei Werte haben: wahr oder falsch.
js数组和对象
Mehr Details in diesem Artikel von mir->javascript学习总结——数组与对象部分
Null-Datenart: Man kann den Inhalt einer Variablen durch Zuweisung von null löschen.
In Jscript wird der typeof-Betriebsoperator null als Objekt-Typ anstatt als Typ null melden.
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <title></title> <script type="text"/javascript"> alert(typeof null); </script> </head> <body> </body> </html>
Null wird verwendet, um einen noch nicht existierenden Objekt anzuzeigen, oft verwendet, um anzuzeigen, dass eine Funktion versucht, ein nicht existierendes Objekt zurückzugeben.
Undefinierte Datenart:
In folgendem Fall wird der Wert „undefined“ zurückgegeben:
Objekteigenschaften existieren nicht,
Variablen wurden deklariert, aber nie zugewiesen.
Unterschiede zwischen null und undefined
alert(typeof undefined); //Output „undefined“ alert(typeof null); //Output „object“ alert(null == undefined); //Output „true“
ECMAScript betrachtet undefined als abgeleitet von null und definiert sie als gleich.
alert(null === undefined); //Output „false“ alert(typeof null == typeof undefined); //Output „false“
Das Typen von null und undefined sind unterschiedlich, daher wird „false“ ausgegeben. Und === bedeutet absolute Gleichheit, hier gibt null === undefined „false“ aus
Darüber hinaus wird hier ein recht wichtiger Datentyp vorgestellt - Referenzdatentypen
Referenzdatentypen
JavaScript Referenzdatentypen sind Objekte, die im Heap-Speicher gespeichert sind, JavaScript gestattet nicht den direkten Zugriff auf Positionen im Heap-Speicher und die Manipulation desselben, sondern nur die Manipulation der Referenzadressen der Objekte im Stapel-Speicher. Daher werden die Referenztypen in Stapel-Speicher als Referenzadressen der Objekte im Heap-Speicher gespeichert. Über diese Referenzadresse kann schnell auf das im Heap-Speicher gespeicherte Objekt zugegriffen werden.
Lassen Sie uns den Prozess der Zuweisung von Referenzdatentypen demonstrieren
Natürlich, dem obj2Eigenschaft hinzufügen, bedeutet tatsächlich, dass eine Eigenschaft namens name an das Objekt im Heap hinzugefügt wird, obj2und obj1Der im Stapel-Speicher gespeicherte ist nur die Referenzadresse des Heap-Objekts, obwohl auch eine Kopie erstellt wird, verweist sie jedoch auf dasselbe Objekt. Daher wird eine Änderung von obj2Hervorgerufen von obj1Veränderungen.
Grundtypenwerte sind solche, die in einem Stapel-Speicher gespeicherte einfache Datenbereiche sind, d.h. dieser Wert wird vollständig an einem Position im Speicher gespeichert.
Wertetypen sind solche, die in Heap-Speicher gespeicherte Objekte sind, d.h. das, was in der Variable tatsächlich gespeichert ist, ist nur ein Zeiger, der auf eine andere Position im Speicher verweist, an der der Objekt gespeichert ist.
Kurz gesagt, Heap-Speicher enthält Referenzwerte, Stack-Speicher enthält festgelegte Typenwerte.
In ECMAScript können Variablen zwei Arten von Werten haben, nämlich ursprüngliche Werte und Referenzwerte.
Einfache Datenbereiche, die in einem Stapel (Stack) gespeichert sind, d.h. ihre Werte werden direkt an den Positionen der Variablen gespeichert. Referenzwerte sind in einem Heap (Heap) gespeicherte Objekte, d.h. der Wert, der an der Variable gespeichert ist, ist ein Zeiger (Point), der auf den Speicherort des Objekts verweist.
<script type="text"/javascript"> var box = new Object(); //Erstellen eines Referenztyps var box = "lee"; //Grundlegende Typwerte sind Strings box.age = 23; //Das Hinzufügen von Eigenschaften zu grundlegenden Typwerten ist seltsam, weil nur Objekte Eigenschaften hinzufügen können. alert(box.age); //Nicht Referenztyp, kann nicht ausgegeben werden; </script>
3.JScript-Operatoren
Priorität: Bezeichnet die Rechenreihenfolge der Operatoren, einfach gesagt, welche Teilmenge zuerst berechnet wird.
Kombinierbarkeit: Die Rechenreihenfolge der Operationen desselben Prioritätsgrades, einfach gesagt, von links nach rechts oder von rechts nach links.
Datentypenkonvertierung und grundlegende Verpackungstypen
String() in den String-Typ konvertieren
Number() in den Numerischen Typ konvertieren
Boolean() in den Booleschen Typ konvertieren
parseInt: Konvertiert einen String in einen Ganzzahlwert. Beginnt die Konvertierung am Anfang des Strings und stoppt bei der ersten nicht-integrale Position und gibt alle gelesenen Integer zurück. Wenn der String nicht mit einem Integer beginnt, wird NaN zurückgegeben. Zum Beispiel: parseInt("150 hi") gibt den Wert zurück:150, parseInt("hi") gibt den Wert zurück: NaN.
parseFloat: Konvertiert einen String in einen Fließkommawert. Beginnt die Konvertierung am Anfang des Strings und stoppt bei der ersten nicht-integrale Position und gibt alle gelesenen Integer zurück. Wenn der String nicht mit einem Integer beginnt, wird NaN zurückgegeben. Zum Beispiel: parseFloat("15.5 hi") gibt den Wert zurück:15.5, parseFloat("hi 15.5") gibt den Wert: NaN zurück.
eval:Berechnet den String als JavaScript-Ausdruck und gibt das Ausführungsresultat zurück. Wenn kein Resultat vorhanden ist, wird undefined zurückgegeben.
Grundlegende Verpackungstypen
Wenn ein grundlegender Typwert gelesen wird, erstellt das System im Hintergrund automatisch ein entsprechendes Objekt des grundlegenden Verpackungstyps, um einige Methoden zur Manipulation dieser Daten aufzurufen. Zu den grundlegenden Verpackungstypen gehören Boolean, Number und String
var box = 'trigkit',4'; //Literale
box.name = 'mike'; //Ungültige Eigenschaften
box.age = function () { //Ungültige Methoden
return 22;
};
//Schreibweise des new-Betriebszeichens
var box = new String('trigkit',4');//new-Betriebszeichen
box.name = 'mike'; //Gültige Eigenschaften
box.age = function () { //Gültige Methoden
return 22;
};
Der String-Typ enthält drei Eigenschaften und viele verfügbare interne Methoden
Eigenschaft Beschreibung
length : gibt die Zeichenlänge der Zeichenkette zurück
Constructor: Funktion, die den String-Objekt erstellt
prototype: Durch Hinzufügen von Eigenschaften und Methoden die String-Definition erweitern
4.js-Flusskontrolle
Für js-Flusskontrollanweisungen werde ich hier nur einige der schwer verständlichen erläutern. Andere werden nicht näher erläutert. Ich füge unten eine Mindmap hinzu.
1.for…in-Anweisung führt für jede Eigenschaft eines Objekts oder jeden Element eines Arrays eine oder mehrere Anweisungen aus.
for (variable in [object | array])
Anweisungen
Parameter:
variable: Obligatorisch. Eine Variable, die jede Eigenschaft eines Objekts oder jedes Element eines Arrays sein kann.
object, array: Optional. Das Objekt oder Array, das durchlaufen werden soll.
statement: Optional. Ein oder mehrere Anweisungen, die für jede Eigenschaft oder jeden Element eines Arrays ausgeführt werden müssen.
Obwohl Bedingungssteuerungsanweisungen (wie if-Anweisungen) nur in Fällen, in denen mehrere Anweisungen ausgeführt werden, eine Codeklammer (links mit { beginnen und rechts mit } enden) erfordern, ist es eine Best Practice, immer Codeklammern zu verwenden.
if(args)
alert(args);//Fehleranfällig
if(args){
alert(args);//Empfohlen wird
}
5.js-Funktion
Funktionen sind wiederverwendbare Codeblöcke, die durch Ereignisse ausgelöst oder ausgeführt werden, wenn sie aufgerufen werden.
Jscript unterstützt zwei Arten von Funktionen: eine ist die interne Funktion der Sprache, die andere ist selbst erstellte.
JavaScript-Funktionen erlauben es, keine Parameter zu haben (aber die kleinen Klammern um die Parameter dürfen nicht weggelassen werden), und sie können auch Parameter an die Funktion übergeben, die sie verwenden kann.
Mehr über Funktionen erfahren Sie in meinem anderen Artikel: JavaScript-Lernzusammenfassung (vier) - Teil der function-Funktion
Bestandteile des Objekts
Methode - Funktion: Prozess, dynamisch
Eigenschaft - Variable: Zustand, statisch
Am Ende füge ich noch eine von einem Vorgänger erstellte Mindmap hinzu:
Das ist der gesamte Inhalt dieses Artikels, ich hoffe, er hilft Ihnen bei Ihrem Lernen und ich hoffe, dass Sie die Anschreih-Tutorials weiterhin unterstützen.