Heim Web-Frontend js-Tutorial Verschiedene Datentypen in JavaScript.

Verschiedene Datentypen in JavaScript.

Jan 15, 2025 am 06:36 AM

Different Data types in JavaScript.

Wir haben verschiedene Datentypen in JavaScript.

  • Primitive Typen: Zeichenfolge, Zahl, boolescher Wert, undefiniert, Null, Symbol und Bigint.

  • Referenztypen: Objekt, Funktion und Array.


Primitive Typen

Primitive Typen sind die grundlegendsten Datentypen in JavaScript. Sie sind unveränderlich. Dies bedeutet, dass ein einmal erstellter primitiver Wert nicht mehr geändert werden kann. Verwechseln Sie dies nicht mit der Neuzuweisung einer Variablen. Das Neuzuweisen einer Variablen ist nicht dasselbe wie das Ändern des Werts eines primitiven Typs.

Neuzuweisung ist in Ordnung??

let str = "hello";
str = "Hello"; // str -> "Hello"
Nach dem Login kopieren
Nach dem Login kopieren

In diesem Beispiel weisen wir der Variablen str einen neuen Wert zu. Das ist völlig in Ordnung.

Gleiche Werte sind gleiche Werte im Speicher

let str1 = "hello";
let str2 = "hello";
Nach dem Login kopieren

Hier haben wir zwei Variablen, str1 und str2, die den gleichen Wert haben. Wenn in JavaScript zwei Grundwerte gleich sind, sind sie gleich. Sie sind gleich, weil unter der Haube beide Variablen auf denselben Speicherort verweisen.

Gleiche Zeichenfolgen werden im Speicher nicht neu erstellt. Sie werden nur einmal im Speicher gespeichert. JavaScript-Ingenieure verwenden eine Technik namens String-Interning, um die Speichernutzung zu optimieren. Diese Technik wird auch für Zahlen verwendet.

Primitive Typen sind unveränderlich

let str = "hello";
str[0] = "H"; // str -> "hello"
Nach dem Login kopieren

Sie können eine Zeichenfolge nicht mehr ändern, sobald sie erstellt wurde. In diesem Beispiel versuchen wir, das erste Zeichen der Zeichenfolge str in „H“ zu ändern. Das wird nicht funktionieren. Die Zeichenfolge str bleibt gleich. Primitive Typen sind unveränderlich.

Wenn Sie eine neue Zeichenfolge erstellen müssen, können Sie dies explizit tun:

let newStr = "H" + str.slice(1); // newStr -> "Hello"
Nach dem Login kopieren

Referenztypen

Referenztypen sind veränderbar. Das bedeutet, dass Sie den Wert eines Referenztyps ändern können. Sie werden Referenztypen genannt, um hervorzuheben, dass sie als Referenzen im Speicher gespeichert sind. Obwohl Zeichenfolgen auch als Referenzen gespeichert werden, sind sie unveränderlich und verwenden die Internierungstechnik, um zu vermeiden, dass identische Werte im Speicher neu erstellt werden.

Objekte werden im Speicher neu erstellt

let obj1 = { name: "John" };
let obj2 = { name: "John" };
Nach dem Login kopieren

Hier sind obj1 und obj2 zwei verschiedene Objekte. Sie werden an verschiedenen Speicherorten gespeichert. Obwohl sie dieselben Eigenschaften und Werte haben, sind sie nicht gleich, da Objekte anhand ihrer Referenz und nicht anhand ihres Werts verglichen werden.

Mutieren von Objekten mit derselben Referenz

let obj1 = { name: "John" };
let obj2 = obj1;
Nach dem Login kopieren

Hier sind obj1 und obj2 dasselbe Objekt. Beide Variablen zeigen auf denselben Speicherort. Wenn Sie den Wert an dieser Stelle ändern, wird er in beiden Variablen widergespiegelt.

Beispiel

obj2.name = "Jane"; // obj1 -> { name: "Jane" }, obj2 -> { name: "Jane" }
Nach dem Login kopieren

Um zu visualisieren, wie dies in der Erinnerung aussehen würde:

Memory location 1: { name: "John" }

obj1 -> Memory location 1
obj2 -> Memory location 1
Nach dem Login kopieren

Mit dem Update:

let str = "hello";
str = "Hello"; // str -> "Hello"
Nach dem Login kopieren
Nach dem Login kopieren

Wir haben den Wert in Speicherort 1 aktualisiert. Es ist nur natürlich, dass sowohl obj1 als auch obj2 diese Änderung widerspiegeln, da sie beide auf denselben Speicherort verweisen.


Abschluss

Primitive Typen sind unveränderlich und mit Techniken wie String-Internierung für die Speichernutzung optimiert, während Referenztypen durch Veränderbarkeit und gemeinsame Referenzen eine größere Flexibilität ermöglichen. Wenn Sie diese Konzepte beherrschen, können Sie das Verhalten Ihres Codes besser vorhersagen und steuern, was zu robusteren und wartbareren Anwendungen führt.

Das obige ist der detaillierte Inhalt vonVerschiedene Datentypen in JavaScript.. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Erklärung dieser Website
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

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

Video Face Swap

Video Face Swap

Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Was soll ich tun, wenn ich auf den Codendruck auf Kleidungsstücke für Front-End-Thermalpapier-Quittungen stoße? Was soll ich tun, wenn ich auf den Codendruck auf Kleidungsstücke für Front-End-Thermalpapier-Quittungen stoße? Apr 04, 2025 pm 02:42 PM

Häufig gestellte Fragen und Lösungen für das Ticket-Ticket-Ticket-Ticket in Front-End im Front-End-Entwicklungsdruck ist der Ticketdruck eine häufige Voraussetzung. Viele Entwickler implementieren jedoch ...

Entmystifizieren JavaScript: Was es tut und warum es wichtig ist Entmystifizieren JavaScript: Was es tut und warum es wichtig ist Apr 09, 2025 am 12:07 AM

JavaScript ist der Eckpfeiler der modernen Webentwicklung. Zu den Hauptfunktionen gehören eine ereignisorientierte Programmierung, die Erzeugung der dynamischen Inhalte und die asynchrone Programmierung. 1) Ereignisgesteuerte Programmierung ermöglicht es Webseiten, sich dynamisch entsprechend den Benutzeroperationen zu ändern. 2) Die dynamische Inhaltsgenerierung ermöglicht die Anpassung der Seiteninhalte gemäß den Bedingungen. 3) Asynchrone Programmierung stellt sicher, dass die Benutzeroberfläche nicht blockiert ist. JavaScript wird häufig in der Webinteraktion, der einseitigen Anwendung und der serverseitigen Entwicklung verwendet, wodurch die Flexibilität der Benutzererfahrung und die plattformübergreifende Entwicklung erheblich verbessert wird.

Wer bekommt mehr Python oder JavaScript bezahlt? Wer bekommt mehr Python oder JavaScript bezahlt? Apr 04, 2025 am 12:09 AM

Es gibt kein absolutes Gehalt für Python- und JavaScript -Entwickler, je nach Fähigkeiten und Branchenbedürfnissen. 1. Python kann mehr in Datenwissenschaft und maschinellem Lernen bezahlt werden. 2. JavaScript hat eine große Nachfrage in der Entwicklung von Front-End- und Full-Stack-Entwicklung, und sein Gehalt ist auch beträchtlich. 3. Einflussfaktoren umfassen Erfahrung, geografische Standort, Unternehmensgröße und spezifische Fähigkeiten.

Ist JavaScript schwer zu lernen? Ist JavaScript schwer zu lernen? Apr 03, 2025 am 12:20 AM

JavaScript zu lernen ist nicht schwierig, aber es ist schwierig. 1) Verstehen Sie grundlegende Konzepte wie Variablen, Datentypen, Funktionen usw. 2) Beherrschen Sie die asynchrone Programmierung und implementieren Sie sie durch Ereignisschleifen. 3) Verwenden Sie DOM -Operationen und versprechen Sie, asynchrone Anfragen zu bearbeiten. 4) Vermeiden Sie häufige Fehler und verwenden Sie Debugging -Techniken. 5) Die Leistung optimieren und Best Practices befolgen.

Wie kann man Parallax -Scrolling- und Element -Animationseffekte wie die offizielle Website von Shiseido erzielen?
oder:
Wie können wir den Animationseffekt erzielen, der von der Seite mit der Seite mit der offiziellen Website von Shiseido begleitet wird? Wie kann man Parallax -Scrolling- und Element -Animationseffekte wie die offizielle Website von Shiseido erzielen? oder: Wie können wir den Animationseffekt erzielen, der von der Seite mit der Seite mit der offiziellen Website von Shiseido begleitet wird? Apr 04, 2025 pm 05:36 PM

Diskussion über die Realisierung von Parallaxe -Scrolling- und Elementanimationseffekten in diesem Artikel wird untersuchen, wie die offizielle Website der Shiseeido -Website (https://www.shiseeido.co.jp/sb/wonderland/) ähnlich ist ...

Wie fusioniere ich Arrayelemente mit derselben ID mit JavaScript in ein Objekt? Wie fusioniere ich Arrayelemente mit derselben ID mit JavaScript in ein Objekt? Apr 04, 2025 pm 05:09 PM

Wie fusioniere ich Array -Elemente mit derselben ID in ein Objekt in JavaScript? Bei der Verarbeitung von Daten begegnen wir häufig die Notwendigkeit, dieselbe ID zu haben ...

Die Entwicklung von JavaScript: Aktuelle Trends und Zukunftsaussichten Die Entwicklung von JavaScript: Aktuelle Trends und Zukunftsaussichten Apr 10, 2025 am 09:33 AM

Zu den neuesten Trends im JavaScript gehören der Aufstieg von Typenkripten, die Popularität moderner Frameworks und Bibliotheken und die Anwendung der WebAssembly. Zukunftsaussichten umfassen leistungsfähigere Typsysteme, die Entwicklung des serverseitigen JavaScript, die Erweiterung der künstlichen Intelligenz und des maschinellen Lernens sowie das Potenzial von IoT und Edge Computing.

Der Unterschied in der Konsole.log -Ausgabeergebnis: Warum unterscheiden sich die beiden Anrufe? Der Unterschied in der Konsole.log -Ausgabeergebnis: Warum unterscheiden sich die beiden Anrufe? Apr 04, 2025 pm 05:12 PM

Eingehende Diskussion der Ursachen des Unterschieds in der Konsole.log-Ausgabe. In diesem Artikel wird die Unterschiede in den Ausgabeergebnissen der Konsolenfunktion in einem Code analysiert und die Gründe dafür erläutert. � ...

See all articles