這篇文章主要為大家展示了如何使用JavaScript對(duì)象字面量和構(gòu)造函數(shù)，內(nèi)容簡(jiǎn)而易懂，希望大家可以學(xué)習(xí)一下，學(xué)習(xí)完之后肯定會(huì)有收獲的，下面讓小編帶大家一起來(lái)看看吧。

成都創(chuàng)新互聯(lián)聯(lián)系熱線：13518219792，為您提供成都網(wǎng)站建設(shè)網(wǎng)頁(yè)設(shè)計(jì)及定制高端網(wǎng)站建設(shè)服務(wù)，成都創(chuàng)新互聯(lián)網(wǎng)頁(yè)制作領(lǐng)域十多年，包括房屋鑒定等多個(gè)方面擁有豐富的營(yíng)銷推廣經(jīng)驗(yàn)，選擇成都創(chuàng)新互聯(lián)，為網(wǎng)站保駕護(hù)航！

對(duì)象中只有兩種屬性:（一種比較細(xì)的分法）

屬性(數(shù)據(jù)屬性)比如：名字，年齡，性別，出版社，地址等信息；
方法(封裝代碼的屬性：函數(shù) ，在這也是一種屬性)。

在JS中對(duì)象的字面量和構(gòu)造函數(shù)是非常的重點(diǎn)，其實(shí)在其他的語(yǔ)言中，是沒(méi)有對(duì)象字面量的。

一.對(duì)象的字面量的語(yǔ)法:

{
屬性名: 屬性值,
屬性名: 屬性值,
方法名: 你們函數(shù)
}

這個(gè)大括號(hào)括起來(lái)的整個(gè)代碼塊就是叫做對(duì)象。

var p1 = { }

①訪問(wèn)對(duì)象的屬性:

  1. . 語(yǔ)法

        對(duì)象.屬性

  2. [ ] 語(yǔ)法

    對(duì)象["屬性名"]

    對(duì)象[變量]     通過(guò)外面var一個(gè)變量，這個(gè)變量類型是字符串，然后在[]中直接使用變量名。

②修改屬性的值:（當(dāng)這個(gè)屬性名在對(duì)象字面量中是存在的，那就是修改其值）
②修改屬性的值:（當(dāng)這個(gè)屬性名在對(duì)象字面量中是存在的，那就是修改其值）
③新增屬性的值:（當(dāng)這個(gè)屬性名在對(duì)象字面量中是沒(méi)有的，那就是新增其屬性名和屬性值）

修改和新增都是一下語(yǔ)法：

對(duì)象.屬性名 = 值

④刪除對(duì)象的屬性:

delete 對(duì)象.屬性

二.使用構(gòu)造函數(shù)來(lái)創(chuàng)建對(duì)象:

  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è)對(duì)象，一new出來(lái)就會(huì)在堆內(nèi)存中分配一塊內(nèi)存空間。

那么p1的類型就是Person.

那么如果我們用 p1 instanceof Person 檢測(cè)會(huì)返回true，那么 instanceof 就是測(cè)試對(duì)象類型。

在代碼塊中，var a = 10 ; 這個(gè)語(yǔ)句是一個(gè)變量，變量是放在 棧內(nèi)存 ，但當(dāng)他執(zhí)行完一遍這個(gè)構(gòu)造函數(shù)時(shí)，這個(gè)a就消失了，也就是說(shuō)這個(gè)局部變量的生命周期是new出來(lái)到執(zhí)行完構(gòu)造函數(shù)最后一句的就消失了。

但是 里面的屬性，name sex speak 這些屬性上只要p1在他們就在。

那么現(xiàn)在我們?cè)俅误w會(huì)一下局部變量a的生命周期和內(nèi)存模型中的理解：

結(jié)果是：

首先，var p1 = new Person();，new一下出來(lái)一個(gè)p1對(duì)象，計(jì)算機(jī)就會(huì)在堆內(nèi)存（heap memory）中為P1選中一塊內(nèi)存。

然后，console.log(p1.a);，這句語(yǔ)句執(zhí)行，這句可以這么理解①：你a在全局變量中并沒(méi)有，只在構(gòu)造函數(shù)中的局部變量中才有，在構(gòu)造函數(shù)中的局部變量var a = 10;他會(huì)聲明提前，但是他只是提前到函數(shù)的第一行執(zhí)行。這也就可以說(shuō)明局部變量，我們不能在外部使用。理解②就是函數(shù)作用域中的變量他是局部變量，在棧內(nèi)存分配內(nèi)存后，當(dāng)函數(shù)執(zhí)行到最后一行時(shí)，他就結(jié)束生命周期。

這個(gè)undefined是JS的一種安全機(jī)制，如果對(duì)象點(diǎn)一個(gè)沒(méi)有生命的變量，那么就會(huì)默認(rèn)成undefined，但如果是普通的變量，就會(huì)報(bào)錯(cuò)。報(bào)錯(cuò)信息是這個(gè)變量未被定義。

詳見(jiàn)：JavaScript內(nèi)存模型詳解。

*注意：對(duì)象字面量的用法用 ： 和 ，

​ 構(gòu)造函數(shù)的用法用 = 和 ；

那么類型和對(duì)象之間的關(guān)系是什么呢？

也就是比如p1和Person的關(guān)系是什么呢？見(jiàn)下表：

以上就是關(guān)于如何使用JavaScript對(duì)象字面量和構(gòu)造函數(shù)的內(nèi)容，如果你們有學(xué)習(xí)到知識(shí)或者技能，可以把它分享出去讓更多的人看到。