基本的なjsメソッドのデータ型-jsチュートリアル-php.cn

基本的なjsメソッドのデータ型

青灯夜游

リリース： 2018-10-09 15:05:33

転載

2310 人が閲覧しました

非常に基本的な知識ポイント。この記事では主に JavaScript で基本的なデータ型と参照データ型がどのように格納されているかを紹介します。

私は野良プログラマーなので、勉強したばかりです。私はプログラミングを学び始めた頃、メモリの基礎知識をあまり意識していなかったので、「スタックに何が格納されるか、参照のみがスタックに格納される」というといつも混乱してしまいました。。

その後、記憶に関する知識を少しずつ学んできましたが、この部分は今でも理解しておく必要があります。

基本的なデータ構造

スタック

スタックは、セクション内での挿入または削除操作のみを許可する線形テーブルです。、ラストアウトシステム。

Heap

Heap は、ハッシュアルゴリズムに基づいたデータ構造です。

Queue

Queue は先入れ先出し (FIFO) データ構造です。

JavaScript におけるデータ型の格納

JavaScript のデータ型は、基本データ型と参照データ型に分けられます。それらの違いの 1 つは、格納場所が異なることです。

#基本データ型

JavaScript の基本データ型は次のとおりであることは誰もが知っています:

String
数値
ブール値
未定義
Null
シンボル (今は無視してください)

基本的なデータ型は単純なデータセグメントであり、スタックメモリに格納されます。

#参照データ型

JavaScript の参照データ型は次のとおりです:

##Object
参照データ型はヒープメモリに格納され、次にヒープメモリ内の実際のオブジェクトへの参照がスタックメモリに格納されます。したがって、JavaScript での参照データ型の操作は、実際のオブジェクトではなくオブジェクトへの参照に対して行われます。

スタックメモリにはアドレスが格納されており、このアドレスがヒープメモリの実際の値と関係していることが分かります。

図

次に、いくつかの変数を宣言してみましょう:

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

ログイン後にコピー

次の図は、データ型の格納状況を表すために使用できます。 :

現時点では、3 つの基本データ型 name

、

age、jobメモリ内では、arr、obj はスタックに直接格納され、ヒープメモリへの参照を表すスタックメモリ内のアドレスのみが格納されます。 コピー

基本データ型

基本データ型の場合、コピーすると、システムによって新しい変数が自動的に作成されます。スタックメモリに新しい値を割り当てることは理解しやすいです。

参照データ型

配列やオブジェクトなどの参照データ型の場合、コピー時に相違点が生じます:

システムは自動的に割り当ても行います。新しい変数のスタックメモリ内の値ですが、この値は単なるアドレスです。つまり、コピーされた変数は元の変数と同じアドレス値を持ち、ヒープメモリ内の同じオブジェクトを指します。

表示されている場合、var objCopy=obj の実行後、obj と objCopy は同じアドレス値を持ち、ヒープメモリ内の同じ実際のオブジェクトを実行します。

違いは何ですか?

obj または objCopy を変更すると、別の変数が変更されます。＃＃＃＃＃＃＃＃＃なぜ？

なぜ基本データ型はスタック上に存在するのに、参照データ型はヒープ上に存在するのでしょうか?

ヒープはスタックより大きいため、スタックの比較は高速になります。

#参照データ型のサイズは動的で無制限です。
ヒープメモリは順序付けされていないストレージであり、参照に基づいて直接取得できます。
#参考記事
js のメモリ割り当てを理解する

元の値と参考値

ECMAScript では、変数にはプリミティブ値と参照値の 2 種類の値を格納できます。 元の値とは、元のデータ型 (基本データ型) を表す値、つまり Unknown、Null、Number、String、Boolean 型で表される値を指します。 参照値は、複合データ型の値、つまりオブジェクト、関数、配列、カスタムオブジェクトなどを指します。

スタックとヒープ

元の値と参照値に対応するメモリの構造は 2 つあります。つまり、スタックとヒープです。JavaScript では、スタックは後入れ先出しのデータ構造です。スタックの動作をシミュレートするために使用できます。

プリミティブ値はスタックに保存される単純なデータです。つまり、その値は変数によってアクセスされる場所に直接保存されます。

ヒープはハッシュアルゴリズムに基づいたデータ構造であり、JavaScriptでは参照値がヒープに格納されます。参照値はヒープに格納されているオブジェクトです。つまり、変数に格納されている値 (つまり、スタックに格納されているオブジェクトを指す変数) は、格納されている実際のオブジェクトを指すポインタです。ヒープ内。

例：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 = [&#39;a&#39;,&#39;b&#39;,&#39;c&#39;];
var person = new Person(100,"笨蛋的座右铭",25);

ログイン後にコピー

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

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

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

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

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

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

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