您好,登錄后才能下訂單哦!
這篇文章主要為大家展示了如何使用JavaScript對象字面量和構(gòu)造函數(shù),內(nèi)容簡而易懂,希望大家可以學(xué)習(xí)一下,學(xué)習(xí)完之后肯定會(huì)有收獲的,下面讓小編帶大家一起來看看吧。
對象中只有兩種屬性:(一種比較細(xì)的分法)
屬性(數(shù)據(jù)屬性)比如:名字,年齡,性別,出版社,地址等信息;
方法(封裝代碼的屬性:函數(shù) ,在這也是一種屬性)。
在JS中對象的字面量和構(gòu)造函數(shù)是非常的重點(diǎn),其實(shí)在其他的語言中,是沒有對象字面量的。
{
屬性名: 屬性值,
屬性名: 屬性值,
方法名: 你們函數(shù)
}
這個(gè)大括號括起來的整個(gè)代碼塊就是叫做對象。
var p1 = { }
①訪問對象的屬性:
1. . 語法
對象.屬性
2. [ ] 語法
對象["屬性名"]
對象[變量] 通過外面var一個(gè)變量,這個(gè)變量類型是字符串,然后在[]中直接使用變量名。
②修改屬性的值:(當(dāng)這個(gè)屬性名在對象字面量中是存在的,那就是修改其值)
②修改屬性的值:(當(dāng)這個(gè)屬性名在對象字面量中是存在的,那就是修改其值)
③新增屬性的值:(當(dāng)這個(gè)屬性名在對象字面量中是沒有的,那就是新增其屬性名和屬性值)
修改和新增都是一下語法:
對象.屬性名 = 值
④刪除對象的屬性:
delete 對象.屬性
function Person(name, sex){ var a = 10; this.name = name; this.sex = sex; this.speak = function(){ } }
現(xiàn)在我們new
一下:
var p1 = new Person ;
那么我們就叫p1是一個(gè)對象,一new出來就會(huì)在堆內(nèi)存中分配一塊內(nèi)存空間。
那么p1的類型就是Person.
那么如果我們用 p1 instanceof Person
檢測會(huì)返回true,那么 instanceof
就是測試對象類型。
在代碼塊中,var a = 10 ;
這個(gè)語句是一個(gè)變量,變量是放在 棧內(nèi)存 ,但當(dāng)他執(zhí)行完一遍這個(gè)構(gòu)造函數(shù)時(shí),這個(gè)a就消失了,也就是說這個(gè)局部變量的生命周期是new出來到執(zhí)行完構(gòu)造函數(shù)最后一句的就消失了。
但是 里面的屬性,name sex speak 這些屬性上只要p1在他們就在。
那么現(xiàn)在我們再次體會(huì)一下局部變量a的生命周期和內(nèi)存模型中的理解:
<script> function Person(name, sex) { var a = 10; this.name = name; this.sex = sex; this.outputa = function () { console.log(a); } this.speak = function () { } } var p1 = new Person(); console.log(p1.a); p1.outputa(); </script>
結(jié)果是:
首先,var p1 = new Person();,new一下出來一個(gè)p1對象,計(jì)算機(jī)就會(huì)在堆內(nèi)存(heap memory)中為P1選中一塊內(nèi)存。
然后,console.log(p1.a);,這句語句執(zhí)行,這句可以這么理解①:你a在全局變量中并沒有,只在構(gòu)造函數(shù)中的局部變量中才有,在構(gòu)造函數(shù)中的局部變量var a = 10;他會(huì)聲明提前,但是他只是提前到函數(shù)的第一行執(zhí)行。這也就可以說明局部變量,我們不能在外部使用。理解②就是函數(shù)作用域中的變量他是局部變量,在棧內(nèi)存分配內(nèi)存后,當(dāng)函數(shù)執(zhí)行到最后一行時(shí),他就結(jié)束生命周期。
這個(gè)undefined是JS的一種安全機(jī)制,如果對象點(diǎn)一個(gè)沒有生命的變量,那么就會(huì)默認(rèn)成undefined,但如果是普通的變量,就會(huì)報(bào)錯(cuò)。報(bào)錯(cuò)信息是這個(gè)變量未被定義。
詳見:JavaScript內(nèi)存模型詳解。
*注意:對象字面量的用法用 :
和 ,
​ 構(gòu)造函數(shù)的用法用 =
和 ;
那么類型和對象之間的關(guān)系是什么呢?
也就是比如p1和Person的關(guān)系是什么呢?見下表:
類型 | 對象 |
---|---|
抽象 | 具體 |
其他語言中類的作用 | |
在JS中是構(gòu)造函數(shù)的形式(構(gòu)造函數(shù)=類) | |
命名用大坨法(首字母大寫) |
以上就是關(guān)于如何使用JavaScript對象字面量和構(gòu)造函數(shù)的內(nèi)容,如果你們有學(xué)習(xí)到知識或者技能,可以把它分享出去讓更多的人看到。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。