js中變量的兩種類型

js中的變量類型可以分為兩種：

• 簡單數(shù)據(jù)類型

  Number

  String

  Boolean

  Undefined

  null

  symbol

• 復雜數(shù)據(jù)類型（下面我都稱為對象）

  Object

  Array

  Function（函數(shù)實際上是對象）

兩種類型的的存儲區(qū)別

堆和棧都是兩種數(shù)據(jù)結構，靠他們來給變量分配使用內存

而js的兩種數(shù)據(jù)類型的變量即是存儲在堆和棧中

簡單類型變量的存儲

這種類型的變量我們是用得最多的

它是存儲在棧中而已

以下是的示例定義

var num=100
var bool=false
var str='字符串

而他在棧中的存儲可以形象比喻為這樣子

其中變量的值存儲在變量指向的棧中的內存地址上，看上圖，100就是存儲在內存地址上

結合上面所說的const的作用就知道為什么const關鍵字定義的簡單類型的變量的值不能變，因為改變其變量的值是直接改變變量指向的內存上的數(shù)據(jù)，這是const關鍵字不允許的

那為什么復雜類型的又可以呢，看下文

復雜類型變量的存儲

先說一下，復雜類型的值的更改指的是

復雜類型變量里屬性可以更改，整個對象的更改const關鍵字是不允許的?。?！

比如

const ob={
a:100,
b:200
}
const ob1={
c:100
}
ob.a=200         //   successful ! ! !
ob=ob1           //   fail ! ! !

如果需要替換整個對象，const關鍵字是不允許的，但是屬性值的更改是可以的

那這又是為什么 ？ 看下面

我們先要記住const關鍵字是不允許更改變量的哪個地方，是變量在棧中存儲變量值的內存地址上的值

對，沒錯 ?。?！這也是普通變量值不能更改的原因

但是為什么復雜變量的可以更改呢，但是不可以替換呢

主要原因是：

復雜變量的值不是存儲在棧中，而是存儲在堆里，復雜變量在棧中內存上的值是指向存儲該復雜類型變量值的堆上的地址

如果這句話看不懂的話，可以看下圖

所以更改對象的屬性值是更改在堆上的值，而替換對象則是要更改存儲在棧中內存地址上變量在堆上存儲數(shù)據(jù)的地址值，而這個更改恰恰是const關鍵字不允許的?。?！

這也是為什么會有對象的淺拷貝和深拷貝的原因，因為你把一個對象直接賦值給另一個對象，準確來說是把對象變量在棧中的存儲的指向改變了，指向了同一個在堆里存儲的數(shù)據(jù)，所以你改變其中一個變量的值，會造成其堆上存儲的數(shù)據(jù)改變，所以另外一個對象的值也會改變，這就是為啥會有淺拷貝！??！

以上就是JS中const對于復雜類型變量和普通類型變量的區(qū)別詳解的詳細內容，更多關于JS const復雜類型和普通類型變量區(qū)別的資料請關注腳本之家其它相關文章！