Heim >Web-Frontend >js-Tutorial >Datentypen grundlegender JS-Methoden

Datentypen grundlegender JS-Methoden

青灯夜游
青灯夜游nach vorne
2018-10-09 15:05:332402Durchsuche

Ein sehr grundlegender Wissenspunkt. In diesem Artikel wird hauptsächlich erläutert, wie grundlegende Datentypen und Referenzdatentypen in JavaScript gespeichert werden.

Da ich ein wilder Programmierer bin, habe ich es gerade gelernt Als ich anfing, das Programmieren zu lernen, habe ich nicht auf die Grundkenntnisse des Gedächtnisses geachtet. Daher war ich immer verwirrt, wenn ich erwähnte, dass „was im Stapel gespeichert ist und nur eine Referenz im Stapel gespeichert ist“. .

Später habe ich nach und nach etwas Wissen über das Gedächtnis gelernt. Dieser Teil ist immer noch sehr wichtig, um ihn zu verstehen.

Grundlegende Datenstruktur

Stack

Stack ist eine lineare Tabelle, die nur Einfügungs- oder Löschvorgänge in einem Abschnitt zulässt. Es handelt sich um eine First-In-Tabelle , Last-Out-Datenstruktur.

Heap

Heap ist eine Datenstruktur, die auf einem Hashing-Algorithmus basiert.

Warteschlange

Warteschlange ist eine FIFO-Datenstruktur (First-In-First-Out).

Speicherung von Datentypen in JavaScript

Datentypen in JavaScript werden in Basisdatentypen und Referenzdatentypen unterteilt. Ein Unterschied zwischen ihnen besteht in den unterschiedlichen Speicherorten.

Grundlegende Datentypen

Wir alle wissen, dass die grundlegenden Datentypen in JavaScript sind:

  • String

  • Zahl

  • Boolean

  • Undefiniert

  • Null

  • Symbol (vorerst ignorieren)

Basisdatentypen sind einfache Datensegmente, die im Stapelspeicher gespeichert werden.

Referenzdatentypen

Die Referenzdatentypen in JavaScript sind:

  • Array

  • Objekt

Der Referenzdatentyp wird im Heap-Speicher gespeichert, und dann wird ein Verweis auf das tatsächliche Objekt im Heap-Speicher im Stapelspeicher gespeichert. Daher beziehen sich Operationen auf Referenzdatentypen in JavaScript auf Referenzen auf Objekte und nicht auf tatsächliche Objekte.

Es versteht sich, dass eine Adresse im Stapelspeicher gespeichert ist und diese Adresse mit dem tatsächlichen Wert im Heapspeicher zusammenhängt.

Abbildung

Nun deklarieren wir ein paar Variablen zum Ausprobieren:

var name="axuebin";
var age=25;
var job;
var arr=[1,2,3];
var obj={age:25};

Die folgende Abbildung kann verwendet werden, um die Speicherung von Datentypen in darzustellen Speicher. :

Zu diesem Zeitpunkt werden die drei Grunddatentypen name, age und job direkt im Stapelspeicher gespeichert, während arr und obj befinden sich im Stapelspeicher. Es speichert lediglich eine Adresse, um einen Verweis auf den Heapspeicher darzustellen.

Kopieren

Grundlegende Datentypen

Bei Grunddatentypen erstellt das System beim Kopieren automatisch neue Variablen Das Zuweisen eines neuen Werts im Stapelspeicher ist leicht zu verstehen.

Referenzdatentypen

Bei Referenzdatentypen wie Arrays und Objekten gibt es Unterschiede beim Kopieren:

Das System weist auch automatisch zu einen Wert im Stapelspeicher für die neue Variable, aber dieser Wert ist nur eine Adresse. Mit anderen Worten: Die kopierte Variable hat denselben Adresswert wie die ursprüngliche Variable und zeigt auf dasselbe Objekt im Heap-Speicher.

Wenn wie gezeigt, haben obj und objCopy nach der Ausführung von var objCopy=obj denselben Adresswert und führen dasselbe tatsächliche Objekt im Heapspeicher aus.

Welchen Unterschied macht das?

Wenn ich obj oder objCopy ändere, führt dies dazu, dass sich eine andere Variable ändert.

Warum?

Warum sind Basisdatentypen auf dem Stapel vorhanden, während Referenzdatentypen auf dem Heap vorhanden sind?

  1. Der Heap ist größer als der Stapel und der Stapelvergleich ist schneller.

  2. Der Basisdatentyp ist relativ stabil und benötigt relativ wenig Speicher.

  3. Die Größe des Referenzdatentyps ist dynamisch und unbegrenzt.

  4. Heap-Speicher ist ungeordneter Speicher und kann direkt basierend auf Referenzen abgerufen werden.

Referenzartikel

JS-Speicherzuordnung verstehen

Ursprünglicher Wert und Referenzwert

In ECMAScript können Variablen zwei Arten von Werten speichern, nämlich Grundwerte und Referenzwerte.
Primitive Werte beziehen sich auf Werte, die primitive Datentypen (Basisdatentypen) darstellen, dh Werte, die durch die Typen Undefiniert, Null, Zahl, Zeichenfolge und Boolescher Wert dargestellt werden.
Referenzwerte beziehen sich auf Werte zusammengesetzter Datentypen, nämlich Objekt, Funktion, Array und benutzerdefinierte Objekte usw.

Stapel und Heap

Es gibt zwei Speicherstrukturen, die dem Originalwert und dem Referenzwert entsprechen, nämlich den Stapel und den Heap.
Der Stapel ist eine Last-In-First-Out-Datenstruktur. In JavaScript ist das Verhalten des Der Stapel kann durch ein Array simuliert werden

Primitive Werte sind einfache Daten, die auf dem Stapel gespeichert sind, dh ihre Werte werden direkt an den Orten gespeichert, auf die Variablen zugreifen.

Heap ist eine Datenstruktur, die auf einem Hashing-Algorithmus basiert. In JavaScript werden Referenzwerte im Heap gespeichert.
Der Referenzwert ist das im Heap gespeicherte Objekt, dh der in der Variablen gespeicherte Wert (dh die Variable, die auf das im Stapel gespeicherte Objekt zeigt) ist ein Zeiger, der auf das tatsächlich gespeicherte Objekt zeigt der Haufen.

例:var obj = new Object(); obj存储在栈中它指向于new Object()这个对象,而new Object()是存放在堆中的。

那为什么引用值要放在堆中,而原始值要放在栈中,不都是在内存中吗,为什么不放在一起呢?那接下来,让我们来探索问题的答案!

首先,我们来看一下代码:

function Person(id,name,age){
this.id = id;
this.name = name;
this.age = age;
}
var num = 10;
var bol = true;
var str = "abc";
var obj = new Object();
var arr = ['a','b','c'];
var person = new Person(100,"笨蛋的座右铭",25);

然后我们来看一下内存分析图:

变量num,bol,str为基本数据类型,它们的值,直接存放在栈中,obj,person,arr为复合数据类型,他们的引用变量存储在栈中,指向于存储在堆中的实际对象。

由上图可知,我们无法直接操纵堆中的数据,也就是说我们无法直接操纵对象,但我们可以通过栈中对对象的引用来操作对象,就像我们通过遥控机操作电视机一样,区别在于这个电视机本身并没有控制按钮。

现在让我们来回答为什么引用值要放在堆中,而原始值要放在栈中的问题:

记住一句话:能量是守衡的,无非是时间换空间,空间换时间的问题

堆比栈大,栈比堆的运算速度快,对象是一个复杂的结构,并且可以自由扩展,如:数组可以无限扩充,对象可以自由添加属性。将他们放在堆中是为了不影响栈的效率。而是通过引用的方式查找到堆中的实际对象再进行操作。相对于简单数据类型而言,简单数据类型就比较稳定,并且它只占据很小的内存。不将简单数据类型放在堆是因为通过引用到堆中查找实际对象是要花费时间的,而这个综合成本远大于直接从栈中取得实际值的成本。所以简单数据类型的值直接存放在栈中。

总结:以上就是本篇文的全部内容,希望能对大家的学习有所帮助。更多相关教程请访问JavaScript视频教程

相关推荐:

php公益培训视频教程

JavaScript图文教程

JavaScript在线手册

Das obige ist der detaillierte Inhalt vonDatentypen grundlegender JS-Methoden. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Dieser Artikel ist reproduziert unter:jb51.net. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen