JS中基本數據類型和引用類型最根本的區別

Lavender 發布于2019-08-23 11:58 / 2100人閱讀

摘要：前言中的類型只有種，其中基本數據類型有種分別為，引用類型有一種，就是，是一個大的綜合體，在中除了那個基本數據類型以外，其他的一切皆對象。

前言

JS中的類型只有6種，其中基本數據類型有5種分別為string,number,boolen,null,undefined，引用類型有一種，就是object，object是一個大的綜合體，在JS中除了那5個基本數據類型以外，其他的一切皆對象。

正文 兩個對比的例子

基本數據類型

var a = 100;
var b = a;
a++

console.log(a)//101
console.log(b)//100

引用類型（對象）

var obj1 = new object();
var obj2 = new object();
    obj1.age = 18;
    obj2 = obj1;
    obj1.age++

console.log(obj1.age)//19
console.log(obj2.age)//19

??可以看到上面兩個例子都是改變了值，基本數據類型是被賦值的不會變，而引用的是被賦值的也會隨之發生改變，那么這是為什么呢？其實很簡單，一句話就可以概括：因為基本數據類型保存的是值，而引用類型保存的是地址。

解釋例子

??創建一個新的變量時，會將它存放在棧中，如果是對象的話，就會在另外的更大的堆中劃分一片區域，那么在棧中該對象存放的就是在堆中的地址。

基本數據類型

如上圖，基本數據類型是直接在棧中存放值的，當a發生變化的時候，b不會發生變化，因為b只是等于a的值，和a沒有什么關系。

引用類型（對象）

??在obj1和obj2中存放的都是地址，obj2不是等于obj1的值，而是等于obj1在堆中存放的地址，所以當地址中的內容發生變化時，obj2的內容也會發生變化。只要創建一個新的對象，在堆中就會開辟一個新的區域去存放對象的屬性和方法等內容。

云服務器 GPU云服務器 js中基本數據類型 js引用的數據類型 js的基本數據類型 js中的基本數據類型有哪些

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/97761.html

深拷貝 vs 淺拷貝

摘要：那么如何切斷和之間的關系呢，可以拷貝一份的數據，根據拷貝的層級不同可以分為淺拷貝和深拷貝，淺拷貝就是只進行一層拷貝，深拷貝就是無限層級拷貝。深拷貝 vs 淺拷貝深拷貝和淺拷貝都是針對的引用類型，JS中的變量類型分為值類型（基本類型）和引用類型；對值類型進行復制操作會對值進行一份拷貝，而對引用類型賦值，則會進行地址的拷貝，最終兩個變量指向同一份數據。 // 基本類型 var a = ...

sugarmo 2019-08-23 14:07 評論0 收藏0
JavaScript的深淺拷貝

摘要：實際上，是禁止這樣做的。傳值和傳址基本數據類型賦值基本數據類型的賦值是在內存中新開辟一段棧內存，然后再把再將值賦值到新的棧中。結果見輸出，可以看出來，無論是修改賦值得到的對象和淺拷貝得到的都會改變原始數據。存儲問題：深拷貝和淺拷貝的主要區別：在內存中的存儲類型（堆和棧）不同堆：動態分配的內存，大小不定也不會自動釋放棧：自動分配的內存，由系統自動釋放數據類型：基本數據類型： jav...

zhjx922 2019-08-26 11:32 評論0 收藏0
詳解js深淺復制

摘要：從而也引出了所謂的深淺復制問題。附注對于淺復制，其實還有其他的實現方式，比如數組中和方法，對于這些還是希望大家自己了解，本本主要針對深淺復制的實現原理進行解析。前言在之前寫繼承的過程談到了深淺復制的問題，因為有讀者反映到需要解析，趁今天周末寫一篇解析，今天的主體相對之前來說理解難度低一些，篇幅可能也比較短，諸君按需閱讀即可。從兩種數據類型說起在js中，變量的類型可以大致分成兩種...

Lin_YT 2019-08-20 15:22 評論0 收藏0
React 的性能優化（一）當 PureComponent 遇上 ImmutableJS

摘要：四是在年出的持久性數據結構的庫，持久性指的是數據一旦創建，就不能再被更改，任何修改或添加刪除操作都會返回一個新的對象。避免大量使用操作，這樣會浪費性能。盡量將設計成扁平狀的。一、痛點在我們的印象中，React 好像就意味著組件化、高性能，我們永遠只需要關心數據整體，兩次數據之間的 UI 如何變化，則完全交給 React Virtual Dom 的 Diff 算法去做。以至于我們很...

plus2047 2019-08-21 16:50 評論0 收藏0