欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JavaScript包裝對象使用詳解

 更新時間:2015年07月09日 09:05:58   投稿:hebedich  
javascript代碼運行的過程中基本類型會找到對應的包裝對象,然后包裝對象把所有的屬性和方法給了基本類型,然后包裝對象被系統(tǒng)進行銷毀,所以理解了包裝對象可以很好的理解之前寫的代碼為什么可以這樣做了。

  JavaScript對象是一種復合值:它是屬性和已命名值的集合。通過"."符號來引用屬性值。當屬性值是一個函數(shù)時,稱為方法。

①一段你常用但卻未必明白其真正底層原理的代碼:

var s = "hello world!";
var word = s.substring(s.indexOf(" ")+1,s.length);
 

  如前面所說,這里變量s只是一個字符串原始類型,它怎么會有屬性(s.length)和方法(s.indexOf()、s.substring())呢?沒錯,這正跟我們正要介紹的包裝對象有關。原因是:只要引用了字符串s的屬性,JavaScript就會將字符串值通過調用new String(s)的方式轉換成對象,這個對象繼承了字符串(String)對象的方法,并被用來處理屬性的引用。一旦屬性引用結束,這個新創(chuàng)建的對象就會被銷毀。

  同字符串一樣,數(shù)字和布爾值也有各自的方法:通過Number()和Boolean()構造函數(shù)創(chuàng)建一個臨時對象。存取字符串、數(shù)字或布爾值的屬性時創(chuàng)建的臨時對象就是包裝對象。5種原始類型中的剩余兩種null和undefined沒有包裝對象:訪問它們的屬性會造成一個類型錯誤(Uncaught TypeError)。明白了上面的代碼,那么再看如下代碼:

var s = "test";
s.len = 4;//給它設置一個屬性
var t = s.len;

  不認真的同學這里就會認為最后t就是等于4了。難道最后t不等于4嗎?是的,最后t的值是undefined。想知道為什么請看繼續(xù)看解析:原來以這里第二行代碼只是創(chuàng)建了一個臨時字符串對象,并給len屬性賦值為4,隨即銷毀這個對象。而第三行又是通過原始字符串s創(chuàng)建一個新字符串對象(這個不是第二行代碼創(chuàng)建的對象,第二行代碼創(chuàng)建的對象已經(jīng)被銷毀了)并嘗試讀取其len屬相,這個屬性自然不存在,因此表達式的結果為undefined。這段代碼說明了在讀取字符串、數(shù)字和布爾值的屬性值或方法(實際上是它們對應包裝對象的屬性值或方法)表現(xiàn)的像對象一樣。但如果你試圖給屬性賦值,則會忽略這個操作:修改只是發(fā)生在臨時對象身上,而這個臨時對象并不會繼續(xù)保留下來。

  注意:可通過String(),Number(),Boolean()構造函數(shù)來顯示創(chuàng)建包裝對象:

var s = "test",n=1,b=true;//一個字符串、數(shù)字和布爾值
var S = new String(s);//一個字符串對象
var N = new Number(n);//一個數(shù)值對象
var B = new Boolean(b);//一個布爾對象

  JavaScript會在必要時將包裝對象轉換成原始值,因此上段代碼中的對象S、N和B常常但不總是表現(xiàn)的和值s、n和b一樣。"=="等于運算符將原始值和其包裝對象視為相等,但“===”全等運算將它們視為不等。通過typeof運算符也可以看到原始值和其包裝對象的不同:

   ?、賢ypeof(s);  ->"string"
     typeof(S);  ->"object"
   ?、趖ypeof(n);  ->"string"
     typeof(N);  ->"object"
    ③typeof(b);  ->"string"
     typeof(B);  ->"object"

以上所述就是本文的全部內容了,希望大家能夠喜歡。

相關文章

  • ES6中class類用法實例淺析

    ES6中class類用法實例淺析

    這篇文章主要介紹了ES6中class類用法,結合實例形式分析了ES6中類的實現(xiàn)方法與相關語法使用技巧,需要的朋友可以參考下
    2017-04-04
  • 深入淺析JavaScript中對事件的三種監(jiān)聽方式

    深入淺析JavaScript中對事件的三種監(jiān)聽方式

    最近這段時間因為每天要修改網(wǎng)站,為網(wǎng)站做特效,所以看了很多的js接觸事件,自己只會使用一小部分,有時用的時候也比較混亂,現(xiàn)在系統(tǒng)的整理了一下,本篇文章跟大家分享的是JavaScript中對事件的三種監(jiān)聽方式
    2015-09-09
  • Javascript技術難點之a(chǎn)pply,call與this之間的銜接

    Javascript技術難點之a(chǎn)pply,call與this之間的銜接

    這篇文章主要介紹了Javascript技術難點之a(chǎn)pply,call與this之間的銜接的相關資料,需要的朋友可以參考下
    2015-12-12
  • JS實現(xiàn)點擊拉拽輪播圖pc端移動端適配

    JS實現(xiàn)點擊拉拽輪播圖pc端移動端適配

    本文通過實例代碼給大家介紹了JS點擊拉拽輪播圖pc端移動端適配 ,非常不錯,具有一定的參考借鑒價值,需要的朋友可以參考下
    2018-09-09
  • 理解Javascript_01_理解內存分配原理分析

    理解Javascript_01_理解內存分配原理分析

    在正式開始之前,我想先說兩句,理解javascript系列博文是通過帶領大家分析javascript執(zhí)行時的內存分配情況,來解釋javascript原理,具體會涵蓋javascript預加載,閉包原理,面象對象,執(zhí)行模型,對象模型...,文章的視角很特別,也非常深入,希望大家能接受這種形式,并提供寶貴意見。
    2010-10-10
  • javascript寫的日歷類(基于pj)

    javascript寫的日歷類(基于pj)

    在網(wǎng)上搜索了一些用javascript寫的日歷類都不太令人滿意,主要是用了之后還要寫很多客戶端代碼,有空之余,自己動手寫了一個。主要是推廣自己寫的js pr庫。
    2010-12-12
  • 原生js生成圖片驗證碼

    原生js生成圖片驗證碼

    這篇文章主要為大家詳細介紹了原生js生成圖片驗證碼,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2020-10-10
  • js 判斷checkbox是否選中的實現(xiàn)代碼

    js 判斷checkbox是否選中的實現(xiàn)代碼

    大家在很多場合也許會遇到判斷頁面是否有元素選中,下面介紹的是利用js判斷是否選中CheckBox的方法。
    2010-11-11
  • 微信小程序實現(xiàn)書架小功能

    微信小程序實現(xiàn)書架小功能

    這篇文章主要為大家詳細介紹了微信小程序實現(xiàn)書架小功能,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2022-08-08
  • js改變img標簽的src屬性在IE下沒反應的解決方法

    js改變img標簽的src屬性在IE下沒反應的解決方法

    在Chrome FF里都能改變成功,但在IE下卻不行,網(wǎng)上搜了半天,大概了解了,這個是IE的一個bug,具體的解決方法如下,有類似問題的朋友可以參考下哈,希望對大家有所幫助
    2013-07-07

最新評論