本篇文章為大家展示了在JavaScript中使用in和hasOwnProperty獲取對(duì)象屬性有什么不同，內(nèi)容簡(jiǎn)明扼要并且容易理解，絕對(duì)能使你眼前一亮，通過這篇文章的詳細(xì)介紹希望你能有所收獲。

網(wǎng)站建設(shè)公司,為您提供網(wǎng)站建設(shè),網(wǎng)站制作,網(wǎng)頁設(shè)計(jì)及定制網(wǎng)站建設(shè)服務(wù),專注于企業(yè)網(wǎng)站制作,高端網(wǎng)頁制作,對(duì)成都純水機(jī)等多個(gè)行業(yè)擁有豐富的網(wǎng)站建設(shè)經(jīng)驗(yàn)的網(wǎng)站建設(shè)公司。專業(yè)網(wǎng)站設(shè)計(jì),網(wǎng)站優(yōu)化推廣哪家好,專業(yè)成都網(wǎng)站營銷優(yōu)化,H5建站,響應(yīng)式網(wǎng)站。

in判斷的是對(duì)象的所有屬性，包括對(duì)象實(shí)例及其原型的屬性；

而hasOwnProperty則是判斷對(duì)象實(shí)例的是否具有某個(gè)屬性。

示例代碼：

  function Person(){
    }
    Person.prototype.name = "allen";

    var person = new Person();
    console.log(person.hasOwnProperty("name")); //false
    console.log("name" in person); //true
    console.log(person.name); //"allen"

    person.name = "justforse";
    console.log(person.hasOwnProperty("name")); //true
    console.log("name" in person); //true
    console.log(person.name); //"justforuse"

    delete person.name;
    console.log(person.hasOwnProperty("name")); //false
    console.log("name" in person); //true
    console.log(person.name); //"allen"

以上代碼執(zhí)行的時(shí)候，name屬性要么是從實(shí)例中獲取的，要么是來源于原型，所以使用in 來訪問 name屬性始終返回true；而hasOwnProperty()只在屬性存在與對(duì)象實(shí)例中時(shí)才返回true，當(dāng)刪除了實(shí)例中的name屬性后，就恢復(fù)了原型中name屬性的連接，所以返回allen。

上述內(nèi)容就是在JavaScript中使用in和hasOwnProperty獲取對(duì)象屬性有什么不同，你們學(xué)到知識(shí)或技能了嗎？如果還想學(xué)到更多技能或者豐富自己的知識(shí)儲(chǔ)備，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。