JavaScript如何實(shí)現(xiàn)訪問(wèn)對(duì)象的屬性？很多新手對(duì)此不是很清楚，為了幫助大家解決這個(gè)難題，下面小編將為大家詳細(xì)講解，有這方面需求的人可以來(lái)學(xué)習(xí)下，希望你能有所收獲。

丹寨網(wǎng)站建設(shè)公司成都創(chuàng)新互聯(lián)公司,丹寨網(wǎng)站設(shè)計(jì)制作，有大型網(wǎng)站制作公司豐富經(jīng)驗(yàn)。已為丹寨上千余家提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\成都外貿(mào)網(wǎng)站建設(shè)要多少錢，請(qǐng)找那個(gè)售后服務(wù)好的丹寨做網(wǎng)站的公司定做！

我們先來(lái)看一下格式

(對(duì)象的實(shí)例名稱).(屬性名稱)

我們來(lái)看具體的示例

代碼如下

說(shuō)明

function product() {
    this.name = "LemonCandy";    
    this.price = 150;    
    this.getInfo = function(){      
    return this.name + " = \\" + this.price;
    }
  }

上面的代碼是對(duì)象的定義，在這個(gè)例子中，我們實(shí)現(xiàn)了name，price屬性和getInfo（）方法。

window.onload = function onLoad() {
      target = document.getElementById("output");
      prod = new product();
      prod.name = "LemonCandy2";
      target.innerHTML = "name:" + prod.name + "
";
      target.innerHTML += "price:" + prod.price + "
";
  }

加載頁(yè)面時(shí)，執(zhí)行上面的代碼。

prod = new product();

創(chuàng)建對(duì)象的實(shí)例。

prod.name = "LemonCandy2";

(對(duì)象的實(shí)例名稱).(屬性名稱)用于訪問(wèn)對(duì)象的屬性。要為屬性設(shè)置值，需要通過(guò)替換設(shè)置屬性值

 target.innerHTML = "name:" + prod.name + "
";
      target.innerHTML += "price:" + prod.price + "
";

(對(duì)象的實(shí)例名稱).(屬性名稱)用于訪問(wèn)對(duì)象的屬性。屬性的值顯示在頁(yè)面上。

運(yùn)行結(jié)果

當(dāng)Web瀏覽器顯示上述HTML文件時(shí)，將顯示如下所示的效果。可以確認(rèn)設(shè)定的屬性值和從屬性中獲取值。

接下來(lái)我們?cè)賮?lái)看一個(gè)例子

代碼如下

說(shuō)明

var obj = {
    name: "LemonCandy",    
    price: 150,    
    getInfo: function () {
          return this.name + " = \\" + this.price;
    }
  }

上面的代碼是對(duì)象的定義。在這個(gè)例子中，我們實(shí)現(xiàn)了name，price屬性和getInfo（）方法。它是以簡(jiǎn)單的格式編寫的。

window.onload = function onLoad() {
    target = document.getElementById("output");
    obj.name = "LemonCandy2";
    obj.price = 220;
    target.innerHTML = "name:" + obj.name + "
";
    target.innerHTML += "price:" + obj.price + "
";
  }

加載頁(yè)面時(shí)，執(zhí)行上面的代碼。代碼與例1中的代碼相同，處理內(nèi)容相同。因?yàn)槭褂玫氖呛?jiǎn)單的類型的對(duì)象定義的格式，不存在由new命令創(chuàng)建一個(gè)實(shí)例部分這與例1中的代碼不同。

運(yùn)行結(jié)果

當(dāng)Web瀏覽器顯示上述HTML文件時(shí)，將顯示如下所示的效果，確認(rèn)可以將值設(shè)置為屬性并從屬性中獲取值。

看完上述內(nèi)容是否對(duì)您有幫助呢？如果還想對(duì)相關(guān)知識(shí)有進(jìn)一步的了解或閱讀更多相關(guān)文章，請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝您對(duì)創(chuàng)新互聯(lián)的支持。