Heim  >  Artikel  >  Web-Frontend  >  Eintägiger tiefer Einblick in JavaScript-Datentypen, den strikten Modus und grundlegende Operationen

Eintägiger tiefer Einblick in JavaScript-Datentypen, den strikten Modus und grundlegende Operationen

王林
王林Original
2024-09-01 21:06:01576Durchsuche

Day Deep Dive into JavaScript Data Types, Strict Mode, and Basic Operations

Willkommen zurück zu unserer JavaScript-Tutorialreihe! Im heutigen Beitrag werden wir einige grundlegende Konzepte in JavaScript untersuchen: Datentypen, strikter Modus und grundlegende Operationen. Dies sind die Bausteine ​​jedes JavaScript-Programms. Wenn Sie sie also gut verstehen, sind Sie auf dem Weg zum Erfolg, wenn Sie tiefer in die Programmierung eintauchen.

Datentypen in JavaScript verstehen

JavaScript ist eine dynamisch typisierte Sprache, was bedeutet, dass Sie den Datentyp, den eine Variable enthält, nicht angeben müssen. Der Typ wird automatisch anhand des zugewiesenen Werts ermittelt. Schauen wir uns einige der wichtigsten Datentypen in JavaScript genauer an.

Typ des Operators

Der Operator „typeof“ wird verwendet, um den Typ einer Variablen zu bestimmen. Hier ist ein kurzes Beispiel:

console.log(typeof undefined); // Outputs: "undefined"
console.log(typeof null);      // Outputs: "object"
  • undefiniert: Wenn eine Variable deklariert, aber kein Wert zugewiesen wird, ist ihr Typ undefiniert.
  • null: Stellt das absichtliche Fehlen eines Objektwerts dar. Interessanterweise gibt typeof null ein Objekt zurück. Dies ist eine bekannte Eigenart von JavaScript, und obwohl sie verwirrend erscheinen mag, werden Sie sich daran gewöhnen.

Wichtige Datentypen

  1. Zahl: Stellt sowohl Ganzzahlen als auch Gleitkommazahlen dar.

    • Beispiel: let num = 42;
    • JavaScript kann Zahlen bis zu 2^53 verarbeiten, darüber hinaus würden Sie einen BigInt verwenden.
  2. BigInt: Wird für große Ganzzahlen verwendet, die außerhalb des sicheren Ganzzahlbereichs für Number liegen.

    • Beispiel: let bigNum = 9007199254740991n;
  3. String: Eine Zeichenfolge, die für Text verwendet wird.

    • Beispiel: let Greeting = „Hello, World!“;
  4. Boolean: Stellt logische Werte dar: wahr oder falsch.

    • Beispiel: let isJavaScriptFun = true;
  5. Null: Ein spezielles Schlüsselwort, das einen Nullwert angibt, d. h. überhaupt keinen Wert.

    • Beispiel: let emptyValue = null;
  6. Undefiniert: Zeigt an, dass eine Variable deklariert, aber kein Wert zugewiesen wurde.

    • Beispiel: etwas lassen;
  7. Symbol: Stellt eine eindeutige Kennung dar. Symbole werden oft als Schlüssel in Objekten verwendet, um Namenskollisionen zu vermeiden.

    • Beispiel: let uniqueId = Symbol("id");

Erzwingen von modernem JavaScript mit „use strict“

Um sicherzustellen, dass Ihr Code den neuesten JavaScript-Standards entspricht und um häufige Fallstricke zu vermeiden, können Sie am Anfang Ihrer Skripte oder Funktionen „use strict“ verwenden.

"use strict";
// All code below will be treated as newer version of JavaScript

Der strenge Modus hilft dabei, häufige Codierungsfehler zu erkennen, z. B. die Verwendung nicht deklarierter Variablen, und macht Ihren Code sicherer und optimierter.

Durchführen grundlegender Operationen in JavaScript

JavaScript unterstützt eine breite Palette von Operationen, von der Grundrechenart bis zur String-Verkettung. Schauen wir uns einige Beispiele an:

Arithmetische Operationen

let value = 3;
let negValue = -value;
console.log(negValue); // Outputs: -3

console.log(2 + 2); // Addition: 4
console.log(2 - 2); // Subtraction: 0
console.log(2 * 2); // Multiplication: 4
console.log(2 ** 3); // Exponentiation: 8
console.log(2 / 3); // Division: 0.666...
console.log(2 % 3); // Modulus: 2 (remainder)

String-Operationen

let str1 = "hello";
let str2 = " hitesh";

let str3 = str1 + str2;
console.log(str3); // Outputs: "hello hitesh"

console.log("1" + 2); // Outputs: "12" (String concatenation)
console.log(1 + "2"); // Outputs: "12" (String concatenation)
console.log("1" + 2 + 2); // Outputs: "122"
console.log(1 + 2 + "2"); // Outputs: "32"

Die Reihenfolge der Operationen ist wichtig! Wenn JavaScript in einer arithmetischen Operation auf eine Zeichenfolge stößt, wandelt es andere Operanden in Zeichenfolgen um und verkettet sie.

Kombinierte Operationen

console.log((3 + 4) * 5 % 3); // Outputs: 2

Hier bestimmen Klammern die Reihenfolge der Operationen und stellen sicher, dass die Addition vor der Multiplikation und dem Modulus erfolgt.

Unäre Operatoren

Unäre Operatoren arbeiten mit einem einzelnen Operanden. Hier ein paar Beispiele:

console.log(+true); // Outputs: 1 (Boolean `true` is converted to 1)
console.log(+""); // Outputs: 0 (An empty string is converted to 0)

Verkettung variabler Zuweisungen

Sie können Zuweisungen in JavaScript verketten:

let num1, num2, num3;
num1 = num2 = num3 = 2 + 2;
console.log(num1, num2, num3); // All will output: 4

Inkrementoperatoren

JavaScript unterstützt auch Inkrementierungs- (und Dekrementierungs-)Operatoren:

let gameCounter = 100;
++gameCounter;
console.log(gameCounter); // Outputs: 101

Präfix vs. Postfix-Inkrement

JavaScript unterscheidet zwischen Präfix- (++gameCounter) und Postfix- (gameCounter++) Inkrementen:

  • Präfix: Erhöht den Wert vor der Verwendung.
  • Postfix: Verwendet zuerst den Wert und erhöht ihn dann.

Ausführlichere Informationen zu Typkonvertierungen und Operationen finden Sie in der ECMAScript-Dokumentation.

Heute haben wir einige wesentliche JavaScript-Konzepte behandelt, vom Verständnis der verschiedenen Datentypen und des strikten Modus bis hin zur Durchführung grundlegender Vorgänge. Dabei handelt es sich um grundlegende Konzepte, auf denen Sie im Verlauf Ihrer JavaScript-Fortschritte aufbauen werden. Stellen Sie sicher, dass Sie diese Beispiele üben und mit verschiedenen Vorgängen experimentieren, um ein besseres Verständnis zu erlangen.

Bleiben Sie gespannt auf weitere Tutorials in dieser Reihe, während wir weiterhin die faszinierende Welt von JavaScript erkunden!

-
Viel Spaß beim Codieren und wir sehen uns im nächsten!!

Das obige ist der detaillierte Inhalt vonEintägiger tiefer Einblick in JavaScript-Datentypen, den strikten Modus und grundlegende Operationen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel:Js | Wahr und falsch |Nächster Artikel:Js | Wahr und falsch |