JavaScript基本類型簡單賦值和對象的引用

這篇文章主要介紹“JavaScript基本類型簡單賦值和對象的引用”，在日常操作中，相信很多人在JavaScript基本類型簡單賦值和對象的引用問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”JavaScript基本類型簡單賦值和對象的引用”的疑惑有所幫助！接下來，請跟著小編一起來學習吧！

1.基本類型的值是不可變得：

　　任何方法都無法改變一個基本類型的值，比如一個字符串：

　　varname='jozo';

　　name.toUpperCase();//輸出'JOZO'

　　console.log(name);//輸出'jozo'

　　會發現原始的name并未發生改變，而是調用了toUpperCase()方法后返回的是一個新的字符串。

　　再來看個：

　　varperson='jozo';

　　person.age=22;

　　person.method=function(){//...};

　　console.log(person.age);//undefined

　　console.log(person.method);//undefined

　　通過上面代碼可知，我們不能給基本類型添加屬性和方法，再次說明基本類型時不可變得；

2.基本類型的比較是值的比較：

　　只有在它們的值相等的時候它們才相等。

　　但你可能會這樣：

　　vara=1;

　　varb=true;

　　console.log(a==b);//true

　　它們不是相等嗎？其實這是類型轉換和==運算符的知識了，也就是說在用==比較兩個不同類型的變量時會進行一些類型轉換。像上面的比較先會把true轉換為數字1再和數字1進行比較，結果就是true了。這是當比較的兩個值的類型不同的時候==運算符會進行類型轉換，但是當兩個值的類型相同的時候，即使是==也相當于是===。

　　vara='jozo';

　　varb='jozo';

　　console.log(a===b);//true

3.基本類型的變量是存放在棧區的（棧區指內存里的棧內存）

　　假如有以下幾個基本類型的變量：

　　varname='jozo';

　　varcity='guangzhou';

　　varage=22;

　　棧區包括了變量的標識符和變量的值。

2.引用類型

　　引用類型會比較好玩有趣一些。

　　javascript中除了上面的基本類型(number,string,boolean,null,undefined)之外就是引用類型了，也可以說是就是對象了。對象是屬性和方法的集合。也就是說引用類型可以擁有屬性和方法，屬性又可以包含基本類型和引用類型。來看看引用類型的一些特性：

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

　　我們可為為引用類型添加屬性和方法，也可以刪除其屬性和方法，如：

　　varperson={};//創建個控對象--引用類型

　　person.name='jozo';

　　person.age=22;

　　person.sayName=function(){console.log(person.name);}

　　person.sayName();//'jozo'

　　deleteperson.name;//刪除person對象的name屬性

　　person.sayName();//undefined

　　上面代碼說明引用類型可以擁有屬性和方法，并且是可以動態改變的。

2.引用類型的值是同時保存在棧內存和堆內存中的對象

　　javascript和其他語言不同，其不允許直接訪問內存中的位置，也就是說不能直接操作對象的內存空間，那我們操作啥呢？實際上，是操作對象的引用，所以引用類型的值是按引用訪問的。

　　準確地說，引用類型的存儲需要內存的棧區和堆區（堆區是指內存里的堆內存）共同完成，棧區內存保存變量標識符和指向堆內存中該對象的指針，也可以說是該對象在堆內存的地址。

　　假如有以下幾個對象：

　　varperson1={name:'jozo'};

　　varperson2={name:'xiaom'};

　　varperson3={name:'xiaoq'};

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

　　varperson1='{}';

　　varperson2='{}';

　　console.log(person1==person2);//true

　　上面講基本類型的比較的時候提到了當兩個比較值的類型相同的時候，相當于是用===，所以輸出是true了。再看看：

　　varperson1={};

　　varperson2={};

　　console.log(person1==person2);//false

　　可能你已經看出破綻了，上面比較的是兩個字符串，而下面比較的是兩個對象，為什么長的一模一樣的對象就不相等了呢？

　　別忘了，引用類型時按引用訪問的，換句話說就是比較兩個對象的堆內存中的地址是否相同，那很明顯，person1和person2在堆內存中地址是不同的：

　　所以這兩個是完全不同的對象，所以返回false;

3.簡單賦值

　　在從一個變量向另一個變量賦值基本類型時，會在該變量上創建一個新值，然后再把該值復制到為新變量分配的位置上：

　　vara=10;

　　varb=a;

　　a++;

　　console.log(a);//11

　　console.log(b);//10

　　此時，a中保存的值為10，當使用a來初始化b時，b中保存的值也為10，但b中的10與a中的是完全獨立的，該值只是a中的值的一個副本，此后，這兩個變量可以參加任何操作而相互不受影響。

　　也就是說基本類型在賦值操作后，兩個變量是相互不受影響的。

4.對象引用

　　當從一個變量向另一個變量賦值引用類型的值時，同樣也會將存儲在變量中的對象的值復制一份放到為新變量分配的空間中。前面講引用類型的時候提到，保存在變量中的是對象在堆內存中的地址，所以，與簡單賦值不同，這個值的副本實際上是一個指針，而這個指針指向存儲在堆內存的一個對象。那么賦值操作后，兩個變量都保存了同一個對象地址，則這兩個變量指向了同一個對象。因此，改變其中任何一個變量，都會相互影響：

　　vara={};//a保存了一個空對象的實例

　　varb=a;//a和b都指向了這個空對象

　　a.name='jozo';

　　console.log(a.name);//'jozo'

　　console.log(b.name);//'jozo'

　　b.age=22;

　　console.log(b.age);//22

　　console.log(a.age);//22

　　console.log(a==b);//true

　　因此，引用類型的賦值其實是對象保存在棧區地址指針的賦值，因此兩個變量指向同一個對象，任何的操作都會相互影響。

到此，關于“JavaScript基本類型簡單賦值和對象的引用”的學習就結束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習，快去試試吧！若想繼續學習更多相關知識，請繼續關注億速云網站，小編會繼續努力為大家帶來更多實用的文章！