淺談javascript中的包裝對(duì)象

lentrue 發(fā)布于2019-08-21 17:13 / 620人閱讀

摘要：中的對(duì)象類型分為內(nèi)置類型和對(duì)象類型，其中內(nèi)置類型包括五種對(duì)象類型包括等等，統(tǒng)稱為類型。如下面代碼為字符串添加一個(gè)屬性并賦值為上面的代碼我們可以分解為創(chuàng)建包裝對(duì)象為字符串添加一個(gè)屬性并賦值為釋放包裝對(duì)象自此我們不難理解為什么的值為

javascript中的對(duì)象類型分為內(nèi)置類型和對(duì)象類型，其中內(nèi)置類型包括sting number boolean null undefined五種；對(duì)象類型包括Array Function regExp Date 等等，統(tǒng)稱為Object類型。我們知道在一個(gè)對(duì)象中包含一系列屬性名/屬性值的集合，可以通過(guò)"."來(lái)訪問(wèn)對(duì)象的屬性或方法，如：

window.onload=function(){//可執(zhí)行代碼}

但我們常常可以看到這樣的代碼：

var str="hello world";
str.split(" ");            // ["hello","world"]

上段代碼中，str為一個(gè)字符串，是存在棧中的一個(gè)值，并不屬于對(duì)象，但是為什么str可以調(diào)用split方法呢？這就要用到包裝對(duì)象的概念。當(dāng)要操作字符串、數(shù)字、布爾值的屬性時(shí)，js會(huì)在內(nèi)存中自動(dòng)創(chuàng)建一個(gè)對(duì)象，用來(lái)對(duì)內(nèi)置類型進(jìn)行包裝，使內(nèi)置類型暫時(shí)擁有普通對(duì)象功能，可以存取屬性，一旦引用結(jié)束，包裝對(duì)象自動(dòng)銷毀。如下面代碼：

var str="123456";
str.a=7; //為字符串添加一個(gè)屬性a,并賦值為7
console.log(str.a) //undefined

上面的代碼我們可以分解為：

var str="123456";
var newStr=new String("str");//創(chuàng)建包裝對(duì)象
newStr.a=7; //為字符串添加一個(gè)屬性a,并賦值為7
console.log(newStr.a);//7
newStr=null;//釋放包裝對(duì)象
console.log(str.a) //undefined

自此我們不難理解為什么str.a的值為undefied;

GPU云服務(wù)器云服務(wù)器 js包裝對(duì)象中的屬性淺談javascript 包裝對(duì)象 js中的對(duì)象

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

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

相關(guān)文章

淺談：快速理解JS的原型與原型鏈

摘要：中有基本類型和復(fù)雜類型的區(qū)分。原型與原型鏈這里，就引入了兩個(gè)新的概念。原型對(duì)象就是用來(lái)存放聲明對(duì)象中共有的那部分屬性。而原型對(duì)象自身也是一個(gè)對(duì)象，它也有自己的原型對(duì)象。這樣層層上溯，就形成了一個(gè)類似鏈表的結(jié)構(gòu)，這就是原型鏈。 JavaScript中有基本類型和復(fù)雜類型的區(qū)分。當(dāng)我們?cè)诼暶饕粋€(gè)基本類型時(shí)： var n1= 1; console.log(n1); //1 這時(shí)我們可以用N...

ZoomQuiet 2019-08-23 14:11 評(píng)論0 收藏0
淺談javascript里面的this、call、apply、bind

摘要：如果該參數(shù)的值為或，則表示不需要傳入任何參數(shù)，從開(kāi)始可以使用類數(shù)組對(duì)象。當(dāng)使用操作符調(diào)用綁定函數(shù)時(shí)，該參數(shù)無(wú)效。當(dāng)綁定函數(shù)被調(diào)用時(shí)，這些參數(shù)將置于實(shí)參之前傳遞給被綁定的方法。在了解call,apply之前需要先了解下javascrit中this指向 this的指向在ES5里面，this永遠(yuǎn)指向最后調(diào)用它的那個(gè)對(duì)象舉個(gè)栗子： var name = outerName; function...

Lemon_95 2019-08-22 11:21 評(píng)論0 收藏0
淺談Redux（之一)：Middleware原理

摘要：作為目前最火的模式實(shí)現(xiàn)之一，它有很多的點(diǎn)值得研究。這個(gè)函數(shù)既然要用于，也就是說(shuō)它接收一個(gè)形式為的函數(shù)，對(duì)其一層層嵌套形式為。這個(gè)會(huì)在開(kāi)始時(shí)發(fā)起一個(gè)，并在這個(gè)時(shí)發(fā)起另一個(gè)成功或失敗的。為了方便起見(jiàn)，會(huì)返回這個(gè)讓調(diào)用者可以等待。 Redux作為目前最火的Flux模式實(shí)現(xiàn)之一，它有很多的點(diǎn)值得研究。今天我們首先來(lái)看看它的Middleware。熟悉Express或者koa的朋友對(duì)Middle...

cocopeak 2019-08-22 10:34 評(píng)論0 收藏0
JavaScript深入淺出

摘要：理解的函數(shù)基礎(chǔ)要搞好深入淺出原型使用原型模型，雖然這經(jīng)常被當(dāng)作缺點(diǎn)提及，但是只要善于運(yùn)用，其實(shí)基于原型的繼承模型比傳統(tǒng)的類繼承還要強(qiáng)大。中文指南基本操作指南二繼續(xù)熟悉的幾對(duì)方法，包括，，。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán)，非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。怎樣使用 this 因?yàn)楸救藢儆趥吻岸?，因此文中只看懂?8 成左右，希望能夠給大家?guī)?lái)幫助....（據(jù)說(shuō)是阿里的前端妹子寫的） this 的值到底...

blair 2019-08-21 18:26 評(píng)論0 收藏0
淺談async·await

摘要：在語(yǔ)言中，函數(shù)替換的不是表達(dá)式，而是多參數(shù)函數(shù)，將其替換成一個(gè)只接受回調(diào)函數(shù)作為參數(shù)的單參數(shù)函數(shù)。為什么里面必須使用函數(shù)呢，因?yàn)槲覀冃枰_保傳入的值只有一個(gè)，利用其回調(diào)函數(shù)，來(lái)進(jìn)行遞歸自動(dòng)控制函數(shù)的流程，接收和交還程序的執(zhí)行權(quán) 前言這篇文章主要是梳理一下自己對(duì)阮一峰大神寫的關(guān)于async/await文章，有寫得不對(duì)的地方以及理解得不對(duì)的地方，各位大佬請(qǐng)指錯(cuò)！對(duì)比簡(jiǎn)單對(duì)比傳統(tǒng)異步，...

Magicer 2019-08-22 16:47 評(píng)論0 收藏0