<font id="zqva1"></font>
<rt id="zqva1"></rt>
  • <tt id="zqva1"></tt>
    <cite id="zqva1"></cite>

    <cite id="zqva1"><noscript id="zqva1"></noscript></cite>
      <rp id="zqva1"><meter id="zqva1"></meter></rp>

        <cite id="zqva1"></cite>
          <b id="zqva1"></b>
          <rp id="zqva1"></rp>
          <cite id="zqva1"></cite>

          <rt id="zqva1"></rt>

        1. <rp id="zqva1"></rp>

          深入理解JS中引用類型和基本類型

          時間:?2017-11-20閱讀:?1166標簽:?js知識

          基本類型指的是那些保存在棧內存中的簡單數據段,即這種值完全保存在內存中的一個位置。
          引用類型指那些保存在堆內存中的對象,意思是變量中保存的實際上只是一個指針,這個指針指向內存中的另一個位置,該位置保存對象。
          我們都知道js有6種數據類型,分別是Undefined、Null、Number、String、Object、Boolean,其中Undefined、Null、Number、String、Boolean是5種基本類型。


          不同之處:

          一、基本類型是不可變的,而引用類型是可變的

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

          var name = 'wendy';
          name.toUpperCase(); // 輸出 'WENDY'
          console.log(name); // 輸出  'wendy'
          

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

          var name = 'wendy';
          name.age = 23;
          console.log(name.age); //輸出 'undefined'
          

          我們給字符串name定義了一個age屬性,并為該屬性賦值23。但再訪問這個屬性時,該屬性不見了,說明不能給基本類型添加屬性和方法,再次說明基本類型時不可變的;
          而我們是可以改變引用類型的屬性和方法的

          var person = new Object();
          person.name = 'wendy';
          console.log(person.name); //輸出 'webdy'
          
          delete person.name;
          console.log(person.name); //輸出 'undefined'
          

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


          二、基本類型是存放在棧內存的,而引用類型存放在堆內存

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

          var name = 'wendy';
          var city = 'Beijing';
          var age = 23;
          

          那么它的存儲結構如下圖:



          引用類型的值,由于大小是不固定的,所以不能把它保存在棧內存中,但是內存地址是固定的,所以棧內存中保存的是內存地址,并且指向堆內存中的值。
          假如有以下幾個對象:

          var person1 = {name:'wendy'};
          var person2 = {name:'haha'};
          var person3 = {name:'hehe'};
          

          則這三個對象的在內存中保存的情況如下圖:



          三、基本類型可以用==、===進行比較,但是引用類型不可以

          var a = 'wendy';
          var b = 'wendy';
          console.log(a==b, a===b) //true true 注意==和===的區別是==只是值的比較,===除了值的比較還有數據類型的比較
          
          var a = {};
          var b = {};
          console.log(a==b, a===b) //false false
          

          上面代碼可以看見基本類型是可以直接拿值比較的,但是引用類型的比較其實是比較兩個對象的堆內存中的地址是否相同,那很明顯,a和b在堆內存中地址是不同的, 所以這兩個是完全不同的對象,所以返回false;


          四、復制變量值時有所不同

          如果從一個變量向另一個變量復制基本類型的值,會在棧內存中創建一個新值,然后把該值復制到為新變量分配的位置上。

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

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




          當從一個變量向另一個變量復制引用類型時,同樣也會將存儲在棧內存中的值復制一份放到為新變量分配的空間中,不同的是,這個副本實際上是一個指針,而這個指針指向存儲在堆內存中的一個對象,兩個變量實際上是引用了同一個對象。因此,改變其中一個變量,就會影響另一個變量,如下示例:




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


          作者:程序媛Wendy
          鏈接:http://www.jianshu.com/p/25658bbafe62
          站長推薦

          1.阿里云: 本站目前使用的是阿里云主機,安全/可靠/穩定。點擊領取2000元代金券、了解最新阿里云產品的各種優惠活動點擊進入

          2.騰訊云: 提供云服務器、云數據庫、云存儲、視頻與CDN、域名等服務。騰訊云各類產品的最新活動,優惠券領取點擊進入

          3.廣告聯盟: 整理了目前主流的廣告聯盟平臺,如果你有流量,可以作為參考選擇適合你的平臺點擊進入

          鏈接: http://www.modern-decoration.com.cn/article/detial/131

          javascript中什么是句柄?

          一個句柄是指使用的一個唯一的整數值,即一個4字節(64位程序中為8字節)長的數值,來標識應用程序中的不同對象和同類中的不同的實例。

          javascript不可變性是什么?

          不可變性即某個變量在進行了某個操作之后,其本身沒有發生變化,比如對于字符串而言,對字符串的任何操作都會改變字符串本身的值,而是在字符串的基礎上復制出來一個然后再改變,這樣我們就說是不可變的

          為什么javascript不起作用?

          JavaScript是一種屬于網絡的腳本語言,已經被廣泛用于Web應用開發,常用來為網頁添加各式各樣的動態功能,為用戶提供更流暢美觀的瀏覽效果。通常JavaScript腳本是通過嵌入在HTML中來實現自身的功能的。

          javascript怎么判斷按鈕被點擊?

          JavaScript可以通過Event對象的target事件或srcElement(IE瀏覽器支持)來判斷按鈕是否被點擊。Event對象代表事件的狀態,比如事件在其中發生的元素、鍵盤按鍵的狀態、鼠標的位置、鼠標按鈕的狀態。

          javascript由幾部分組成?

          JavaScript有三部分組成。分別為核心(ECMAScript) 、文檔對象模型(DOM)、瀏覽器對象模型(BOM)。這三部分分別描述了該語言的語法和基本對象、處理網頁內容的方法和接口、與瀏覽器進行交互的方法和接口。

          Js輸出方式有哪些?

          在編寫JavaScript代碼的時候, 一定要記住每一句代碼后面都需要添加一個分號, 并且這個分號必須是英文的分號,我們會發現有時候不寫分號程序也能夠運行, 這里并不是因為不需要分號, 而是瀏覽器自動幫助我們添加了分號

          7個常見的 JavaScript 測驗及解答

          我相信學習新事物并評估我們所知的東西對自己的進步非常有用,可以避免了我們覺得自己的知識過時的情況。在本文中,我將介紹一些常見的 JavaScript 知識。請享用!

          Js中constructor指向問題

          首先用一個例子指出來constructor存在形式。由上面的代碼我們總結出結論1:上面的代碼在控制臺可以看出constructor是指向構造器Fruit的引用。這個地方就有點奇怪了。這個constructor到底指向的是那個實例的構造器?

          javascript難點是什么?

          javascript難點是什么?下面本篇文章就來給大家介紹一下10個JavaScript難點,感興趣的小伙伴們可以參考一下,希望對大家有所幫助。立即執行函數,即Immediately Invoked Function Expression (IIFE),正如它的名字

          Js如何獲取ul中li的個數?

          javascript如何獲取ul中li的個數?下面本篇文章就來給大家介紹一下使用javascript獲取ul中li個數的方法,希望對大家有所幫助。

          fly63.com版權所有,內容以共享、參考、研究為目的,不存在任何商業目的。其版權屬原作者所有,如有侵權,請與小編聯系!情況屬實本人將予以刪除!

          文章投稿關于web前端網站點搜索站長推薦網站地圖站長QQ:522607023

          小程序專欄: 土味情話心理測試腦筋急轉彎幽默笑話段子句子語錄成語大全運營推廣

          国产精品高清视频免费 - 视频 - 在线观看 - 影视资讯 - 唯爱网