基本數(shù)據(jù)類型和引用類型的區(qū)別詳解

CoffeX 發(fā)布于2019-08-20 14:32 / 1658人閱讀

摘要：前兩天看到大神的關(guān)于基本數(shù)據(jù)類型和引用類型的區(qū)別的文章覺(jué)得寫(xiě)得非常不錯(cuò)，就想著在其基礎(chǔ)上加上自己平時(shí)看到的一些知識(shí)點(diǎn)和理解，所以就有了以下的文章基本數(shù)據(jù)類型基本數(shù)據(jù)類型包括基本數(shù)據(jù)類型是按值訪問(wèn)的，就是說(shuō)我們可以操作保存在變量中的實(shí)際的值基

前兩天看到kraaas大神的關(guān)于基本數(shù)據(jù)類型和引用類型的區(qū)別的文章覺(jué)得寫(xiě)得非常不錯(cuò)，就想著在其基礎(chǔ)上加上自己平時(shí)看到的一些知識(shí)點(diǎn)和理解，所以就有了以下的文章

js基本數(shù)據(jù)類型：

js基本數(shù)據(jù)類型包括：undefined,null,number,boolean,string.基本數(shù)據(jù)類型是按值訪問(wèn)的，就是說(shuō)我們可以操作保存在變量中的實(shí)際的值

1. 基本數(shù)據(jù)類型的值是不可變的

任何方法都無(wú)法改變一個(gè)基本類型的值，比如一個(gè)字符串：

var name = "change";
name.substr();//hang
console.log(name);//change

var s = "hello";
s.toUpperCase()//HELLO;
console.log(s)//hello

通過(guò)這兩個(gè)例子，我們會(huì)發(fā)現(xiàn)原先定義的變量name的值始終沒(méi)有發(fā)生改變，而調(diào)用substr()和toUpperCase()方法后返回的是一個(gè)新的字符串，跟原先定義的變量name并沒(méi)有關(guān)系

或許有人會(huì)有以下的疑問(wèn)，看代碼：

var name = "change";
name = "change1";
console.log(name)//change1

這樣看起來(lái)name的值“改變了”
其實(shí)，var name = "change"，這里的基礎(chǔ)類型是string，也就是"change",這里的"change"是不可以改變的，name只是指向"change"的一個(gè)指針，指針的指向可以改變，所以你可以name = "change1".此時(shí)name指向了"change1"，同理，這里的"change1"同樣不可以改變

也就是說(shuō)這里你認(rèn)為的改變只是“指針的指向改變”

這里的基礎(chǔ)類型指的是"change"，而不是name，要區(qū)分清楚

2. 基本數(shù)據(jù)類型不可以添加屬性和方法

var p = "change";
p.age = 29;
p.method = function(){console.log(name)};
console.log(p.age)//undefined
console.log(p.method)//undefined

通過(guò)上面的代碼，我們知道不能給基本類型添加屬性和方法，也再次說(shuō)明基本類型是不可變的

3. 基本數(shù)據(jù)類型的賦值是簡(jiǎn)單賦值

如果從一個(gè)變量向另一個(gè)變量賦值基本類型的值，會(huì)在變量對(duì)象上創(chuàng)建一個(gè)新值，然后把該值復(fù)制到為新變量分配的位置上

var a = 10;
var b = a;
a++;
console.log(a)//11
console.log(b)//10

上面的代碼中，a中保存的值是10.當(dāng)使用a的值來(lái)初始化b時(shí)，b中也保存了值10.但b中的10和a中的10是完全獨(dú)立的.b中的值知識(shí)a中值的一個(gè)副本.所以這兩個(gè)變量可以參與任何操作而不會(huì)相互影響.如下圖：

4. 基本數(shù)據(jù)類型的比較是值的比較

var person1 = "{}";
var person2 = "{}";
console.log(person1 == person2); // true

5. 基本數(shù)據(jù)類型是存放在棧區(qū)的

假如有以下幾個(gè)基本類型的變量：

var name = "jozo";
var city = "guangzhou";
var age = 22;

那么它的存儲(chǔ)結(jié)構(gòu)如下圖：

棧區(qū)包括了變量的標(biāo)識(shí)符和變量的值

js引用類型：

js中除了上面的基本類型之外就是引用類型了，也可以說(shuō)就是對(duì)象了，比如：Object,Array,Function,Data等

1. 引用類型的值是可以改變的

var o = {x:1};
o.x = 2;//通過(guò)修改對(duì)象屬性值更改對(duì)象
o.y = 3;再次更改對(duì)象，給它增加一個(gè)屬性

var a = [1,2,3];
a[0] = 0;//更改數(shù)組的一個(gè)元素
a[3] = 4;//給數(shù)組增加一個(gè)元素

2. 引用類型可以添加屬性和方法

var person = {};
person.name = "change";
person.say = function(){alert("hello");}
console.log(person.name)//change
console.log(person.say)//function(){alert("hello");}

3. 引用類型的賦值是對(duì)象引用

先看以下代碼：

var a = {};
var b= a;
a.name = "change";
console.log(a.name)//change;
console.log(b.name)//change
b.age = 29;
console.log(a.age)//29
console.log(b.age)//29

當(dāng)從一個(gè)變量向另一個(gè)變量賦值引用類型的值時(shí)，同樣也會(huì)將儲(chǔ)存在變量中的對(duì)象的值復(fù)制一份放到為新變量分配的空間中.引用類型保存在變量中的是對(duì)象在堆內(nèi)存中的地址，所以，與基本數(shù)據(jù)類型的簡(jiǎn)單賦值不同，這個(gè)值的副本實(shí)際上是一個(gè)指針，而這個(gè)指針指向存儲(chǔ)在堆內(nèi)存的一個(gè)對(duì)象.那么賦值操作后，兩個(gè)變量都保存了同一個(gè)對(duì)象地址，而這兩個(gè)地址指向了同一個(gè)對(duì)象.因此，改變其中任何一個(gè)變量，都會(huì)互相影響

他們的關(guān)系如下圖：

因此，引用類型的賦值其實(shí)是對(duì)象保存在棧區(qū)地址指針的賦值，所以兩個(gè)變量指向同一個(gè)對(duì)象，任何的操作都會(huì)互相影響.

4. 引用類型的比較是引用的比較

var person1 = {};
var person2 = {};
console.log(person1 == person2)//false

為什么兩個(gè)對(duì)象看起來(lái)一摸一樣，但是卻不相等呢？

因?yàn)橐妙愋偷谋容^是引用的比較，換句話說(shuō)，就是比較兩個(gè)對(duì)象保存在棧區(qū)的指向堆內(nèi)存的地址是否相同，此時(shí)，雖然p1和p2看起來(lái)都是一個(gè)"{}"，但是他們保存在棧區(qū)中的指向堆內(nèi)存的地址卻是不同的，所以兩個(gè)對(duì)象不相等

5. 引用類型是同時(shí)保存在棧區(qū)和堆區(qū)中的

引用類型的存儲(chǔ)需要在內(nèi)存的棧區(qū)和堆區(qū)共同完成，棧區(qū)保存變量標(biāo)識(shí)符和指向堆內(nèi)存的地址

假如有以下幾個(gè)對(duì)象：

var person1 = {name:"change1"};
var person2 = {name:"change2"};
var person3 = {name:"change3"};

則這三個(gè)對(duì)象在內(nèi)存中保存的情況如下圖：

基本包裝類型(包裝對(duì)象)：

先看下以下代碼：

var s1 = "helloworld";
var s2 = s1.substr(4);

上面我們說(shuō)到字符串是基本數(shù)據(jù)類型，不應(yīng)該有方法，那為什么這里s1可以調(diào)用substr()呢？

通過(guò)翻閱js權(quán)威指南第3.6章節(jié)和高級(jí)程序設(shè)計(jì)第5.6章節(jié)我們得知，ECMAScript還提供了三個(gè)特殊的引用類型Boolean,String,Number.我們稱這三個(gè)特殊的引用類型為基本包裝類型，也叫包裝對(duì)象.

也就是說(shuō)當(dāng)讀取string,boolean和number這三個(gè)基本數(shù)據(jù)類型的時(shí)候，后臺(tái)就會(huì)創(chuàng)建一個(gè)對(duì)應(yīng)的基本包裝類型對(duì)象，從而讓我們能夠調(diào)用一些方法來(lái)操作這些數(shù)據(jù).

所以當(dāng)?shù)诙写a訪問(wèn)s1的時(shí)候，后臺(tái)會(huì)自動(dòng)完成下列操作：

創(chuàng)建String類型的一個(gè)實(shí)例；// var s1 = new String("helloworld");

在實(shí)例上調(diào)用指定方法；// var s2 = s1.substr(4);

銷毀這個(gè)實(shí)例；// s1 = null;

正因?yàn)橛械谌竭@個(gè)銷毀的動(dòng)作，所以你應(yīng)該能夠明白為什么基本數(shù)據(jù)類型不可以添加屬性和方法，這也正是基本裝包類型和引用類型主要區(qū)別：對(duì)象的生存期.使用new操作符創(chuàng)建的引用類型的實(shí)例，在執(zhí)行流離開(kāi)當(dāng)前作用域之前都是一直保存在內(nèi)存中.而自動(dòng)創(chuàng)建的基本包裝類型的對(duì)象，則只存在于一行代碼的執(zhí)行瞬間，然后立即被銷毀

參考資料：

https://segmentfault.com/a/11...

GPU云服務(wù)器云服務(wù)器 c語(yǔ)言中基本數(shù)據(jù)類型詳解 js引用的數(shù)據(jù)類型 js的基本數(shù)據(jù)類型統(tǒng)計(jì)數(shù)據(jù)的基本類型

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/81725.html

發(fā)表評(píng)論

登陸后可評(píng)論

0條評(píng)論

CoffeX

男|高級(jí)講師

我要關(guān)注我要私信

TA的文章

新智能硬件創(chuàng)新沙龍&大賽

閱讀 1910·2021-11-17 09:33
華納云(hncloud)，美國(guó)云服務(wù)器測(cè)評(píng)，CN2+OpenStack云平臺(tái)，默認(rèn)送10G DDOS

閱讀 6525·2021-10-12 10:20
怎么連接云主機(jī)-云主機(jī)怎么使用？

閱讀 2339·2021-09-22 15:50
主機(jī)帶寬怎么選-選購(gòu)新睿云云主機(jī)帶寬怎么選？

閱讀 1820·2021-09-22 15:10
英偉達(dá)：已完成對(duì)高清地圖創(chuàng)企 DeepMap 的收購(gòu)

閱讀 654·2021-09-10 10:51
基于STM32f103c8t6和L292N驅(qū)動(dòng)設(shè)計(jì)避障小車（核心函數(shù)的建立為自己所寫(xiě)）

閱讀 661·2021-09-10 10:50
DMIT，LAX.Pro系列VPS進(jìn)行免費(fèi)的流量升級(jí)，加量不加價(jià)，SHAREv2由1.0T升級(jí)為1.

閱讀 3122·2021-08-11 11:19
小程序瀑布流效果，解決左右兩邊高度差距過(guò)大的問(wèn)題

閱讀 1808·2019-08-30 15:55

成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

上云采購(gòu)季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長(zhǎng)期優(yōu)惠，快來(lái)選購(gòu)！

基本數(shù)據(jù)類型和引用類型的區(qū)別詳解

相關(guān)文章

詳解js深淺復(fù)制

JavaScript類型系統(tǒng)詳解

Java 內(nèi)存區(qū)域詳解

overview_java(一)

詳解js深淺復(fù)制問(wèn)題

發(fā)表評(píng)論

0條評(píng)論

CoffeX

男|高級(jí)講師

TA的文章

新智能硬件創(chuàng)新沙龍&大賽

華納云(hncloud)，美國(guó)云服務(wù)器測(cè)評(píng)，CN2+OpenStack云平臺(tái)，默認(rèn)送10G DDOS

怎么連接云主機(jī)-云主機(jī)怎么使用？

主機(jī)帶寬怎么選-選購(gòu)新睿云云主機(jī)帶寬怎么選？

英偉達(dá)：已完成對(duì)高清地圖創(chuàng)企 DeepMap 的收購(gòu)

基于STM32f103c8t6和L292N驅(qū)動(dòng)設(shè)計(jì)避障小車（核心函數(shù)的建立為自己所寫(xiě)）

DMIT，LAX.Pro系列VPS進(jìn)行免費(fèi)的流量升級(jí)，加量不加價(jià)，SHAREv2由1.0T升級(jí)為1.

小程序瀑布流效果，解決左右兩邊高度差距過(guò)大的問(wèn)題

最新活動(dòng)

資訊專欄INFORMATION COLUMN

上云采購(gòu)季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長(zhǎng)期優(yōu)惠，快來(lái)選購(gòu)！

基本數(shù)據(jù)類型和引用類型的區(qū)別詳解

相關(guān)文章

發(fā)表評(píng)論

0條評(píng)論

男|高級(jí)講師

TA的文章

最新活動(dòng)

上云采購(gòu)季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長(zhǎng)期優(yōu)惠，快來(lái)選購(gòu)！