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

資訊專欄INFORMATION COLUMN

[ JS 進(jìn)階 ] 基本類型 引用類型 簡單賦值 對(duì)象引用

余學(xué)文 / 1420人閱讀

摘要:也就是說基本類型在賦值操作后,兩個(gè)變量是相互不受影響的。前面講引用類型的時(shí)候提到,保存在變量中的是對(duì)象在堆內(nèi)存中的地址,所以,與簡單賦值不同,這個(gè)值的副本實(shí)際上是一個(gè)指針,而這個(gè)指針指向存儲(chǔ)在堆內(nèi)存的一個(gè)對(duì)象。

ECMAScirpt 變量有兩種不同的數(shù)據(jù)類型:基本類型,引用類型。也有其他的叫法,比如原始類型和對(duì)象類型,擁有方法的類型和不能擁有方法的類型,還可以分為可變類型和不可變類型,其實(shí)這些叫法都是依據(jù)這兩種的類型特點(diǎn)來命名的,大家愛叫啥就叫啥吧 o(╯□╰)o 。

1.基本類型

基本的數(shù)據(jù)類型有:`undefined,boolean,number,string,null.基本類型的訪問是按值訪問的,就是說你可以操作保存在變量中的實(shí)際的值?;绢愋陀幸韵聨讉€(gè)特點(diǎn):

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

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

var name = "jozo";
name.toUpperCase(); // 輸出 "JOZO"
console.log(name); // 輸出  "jozo"

會(huì)發(fā)現(xiàn)原始的name并未發(fā)生改變,而是調(diào)用了toUpperCase()方法后返回的是一個(gè)新的字符串。
再來看個(gè):

var person = "jozo";
person.age = 22;
person.method = function(){//...};

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

通過上面代碼可知,我們不能給基本類型添加屬性和方法,再次說明基本類型時(shí)不可變得;

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

只有在它們的值相等的時(shí)候它們才相等。
但你可能會(huì)這樣:

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

它們不是相等嗎?其實(shí)這是類型轉(zhuǎn)換== 運(yùn)算符的知識(shí)了,也就是說在用==比較兩個(gè)不同類型的變量時(shí)會(huì)進(jìn)行一些類型轉(zhuǎn)換。像上面的比較先會(huì)把true轉(zhuǎn)換為數(shù)字1再和數(shù)字1進(jìn)行比較,結(jié)果就是true了。 這是當(dāng)比較的兩個(gè)值的類型不同的時(shí)候==運(yùn)算符會(huì)進(jìn)行類型轉(zhuǎn)換,但是當(dāng)兩個(gè)值的類型相同的時(shí)候,即使是==也相當(dāng)于是===。

var a = "jozo";
var b = "jozo";
console.log(a === b);//true

3.基本類型的變量是存放在棧區(qū)的(棧區(qū)指內(nèi)存里的棧內(nèi)存)

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

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

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

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

2.引用類型

引用類型會(huì)比較好玩有趣一些。

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

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

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

var person = {};//創(chuàng)建個(gè)控對(duì)象 --引用類型
person.name = "jozo";
person.age = 22;
person.sayName = function(){console.log(person.name);} 
person.sayName();// "jozo"

delete person.name; //刪除person對(duì)象的name屬性
person.sayName(); // undefined

上面代碼說明引用類型可以擁有屬性和方法,并且是可以動(dòng)態(tài)改變的。

2.引用類型的值是同時(shí)保存在棧內(nèi)存和堆內(nèi)存中的對(duì)象

javascript和其他語言不同,其不允許直接訪問內(nèi)存中的位置,也就是說不能直接操作對(duì)象的內(nèi)存空間,那我們操作啥呢? 實(shí)際上,是操作對(duì)象的引用,所以引用類型的值是按引用訪問的。
準(zhǔn)確地說,引用類型的存儲(chǔ)需要內(nèi)存的棧區(qū)和堆區(qū)(堆區(qū)是指內(nèi)存里的堆內(nèi)存)共同完成,棧區(qū)內(nèi)存保存變量標(biāo)識(shí)符和指向堆內(nèi)存中該對(duì)象的指針,也可以說是該對(duì)象在堆內(nèi)存的地址。
假如有以下幾個(gè)對(duì)象:

var person1 = {name:"jozo"};
var person2 = {name:"xiaom"};
var person3 = {name:"xiaoq"};

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

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

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

上面講基本類型的比較的時(shí)候提到了當(dāng)兩個(gè)比較值的類型相同的時(shí)候,相當(dāng)于是用 === ,所以輸出是true了。再看看:

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

可能你已經(jīng)看出破綻了,上面比較的是兩個(gè)字符串,而下面比較的是兩個(gè)對(duì)象,為什么長的一模一樣的對(duì)象就不相等了呢?

別忘了,引用類型時(shí)按引用訪問的,換句話說就是比較兩個(gè)對(duì)象的堆內(nèi)存中的地址是否相同,那很明顯,person1和person2在堆內(nèi)存中地址是不同的:

所以這兩個(gè)是完全不同的對(duì)象,所以返回false;

3.簡單賦值

在從一個(gè)變量向另一個(gè)變量賦值基本類型時(shí),會(huì)在該變量上創(chuàng)建一個(gè)新值,然后再把該值復(fù)制到為新變量分配的位置上:

var a = 10;
var b = a;

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

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

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

4.對(duì)象引用

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

var a = {}; // a保存了一個(gè)空對(duì)象的實(shí)例
var b = a;  // a和b都指向了這個(gè)空對(duì)象

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

它們的關(guān)系如下圖:

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

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

轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/85697.html

相關(guān)文章

  • 進(jìn)階4-1期】詳細(xì)解析賦值、淺拷貝和深拷貝的區(qū)別

    摘要:展開語法木易楊通過代碼可以看出實(shí)際效果和是一樣的。木易楊可以看出,改變之后的值并沒有發(fā)生變化,但改變之后,相應(yīng)的的值也發(fā)生變化。深拷貝使用場景木易楊完全改變變量之后對(duì)沒有任何影響,這就是深拷貝的魔力。木易楊情況下,轉(zhuǎn)換結(jié)果不正確。 一、賦值(Copy) 賦值是將某一數(shù)值或?qū)ο筚x給某個(gè)變量的過程,分為下面 2 部分 基本數(shù)據(jù)類型:賦值,賦值之后兩個(gè)變量互不影響 引用數(shù)據(jù)類型:賦址,兩個(gè)...

    silvertheo 評(píng)論0 收藏0
  • 進(jìn)階1-5期】JavaScript深入之4類常見內(nèi)存泄漏及如何避免

    摘要:本期推薦文章類內(nèi)存泄漏及如何避免,由于微信不能訪問外鏈,點(diǎn)擊閱讀原文就可以啦。四種常見的內(nèi)存泄漏劃重點(diǎn)這是個(gè)考點(diǎn)意外的全局變量未定義的變量會(huì)在全局對(duì)象創(chuàng)建一個(gè)新變量,如下。因?yàn)槔习姹镜氖菬o法檢測節(jié)點(diǎn)與代碼之間的循環(huán)引用,會(huì)導(dǎo)致內(nèi)存泄漏。 (關(guān)注福利,關(guān)注本公眾號(hào)回復(fù)[資料]領(lǐng)取優(yōu)質(zhì)前端視頻,包括Vue、React、Node源碼和實(shí)戰(zhàn)、面試指導(dǎo)) 本周正式開始前端進(jìn)階的第一期,本周的主題...

    red_bricks 評(píng)論0 收藏0
  • 進(jìn)階1-4期】JavaScript深入之帶你走進(jìn)內(nèi)存機(jī)制

    摘要:引擎對(duì)堆內(nèi)存中的對(duì)象進(jìn)行分代管理新生代存活周期較短的對(duì)象,如臨時(shí)變量字符串等。內(nèi)存泄漏對(duì)于持續(xù)運(yùn)行的服務(wù)進(jìn)程,必須及時(shí)釋放不再用到的內(nèi)存。 (關(guān)注福利,關(guān)注本公眾號(hào)回復(fù)[資料]領(lǐng)取優(yōu)質(zhì)前端視頻,包括Vue、React、Node源碼和實(shí)戰(zhàn)、面試指導(dǎo)) 本周正式開始前端進(jìn)階的第一期,本周的主題是調(diào)用堆棧,今天是第4天。 本計(jì)劃一共28期,每期重點(diǎn)攻克一個(gè)面試重難點(diǎn),如果你還不了解本進(jìn)階計(jì)劃...

    不知名網(wǎng)友 評(píng)論0 收藏0
  • 夯實(shí)JS系列--變量、作用域和內(nèi)存問題

    摘要:作用域鏈的用途,是保證對(duì)執(zhí)行環(huán)境有權(quán)訪問的變量和函數(shù)的有序訪問。全局執(zhí)行環(huán)境始終是作用域鏈的最后一個(gè)對(duì)象。延長作用域鏈雖然執(zhí)行環(huán)境的類型只有兩種。 最近在忙于寫一個(gè)react+node的全棧博客demo,沒有時(shí)間更新文章。但是還是覺得這樣一忙起來不更新是不應(yīng)該的。正好在空閑上下班地鐵上都會(huì)再去細(xì)讀js原生知識(shí)。所以打算整理、總結(jié)、系統(tǒng)性的分享給大家。 基本類型和引用類型 在ECMASc...

    sihai 評(píng)論0 收藏0
  • 進(jìn)階4-2期】Object.assign 原理及其實(shí)現(xiàn)

    摘要:木易楊注意原始類型被包裝為對(duì)象木易楊原始類型會(huì)被包裝,和會(huì)被忽略。木易楊原因在于時(shí),其屬性描述符為不可寫,即。木易楊解決方法也很簡單,使用我們在進(jìn)階期中介紹的就可以了,使用如下。 引言 上篇文章介紹了賦值、淺拷貝和深拷貝,其中介紹了很多賦值和淺拷貝的相關(guān)知識(shí)以及兩者區(qū)別,限于篇幅只介紹了一種常用深拷貝方案。 本篇文章會(huì)先介紹淺拷貝 Object.assign 的實(shí)現(xiàn)原理,然后帶你手動(dòng)實(shí)...

    layman 評(píng)論0 收藏0

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

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<