欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JavaScript中in和hasOwnProperty區(qū)別詳解

 更新時(shí)間:2017年08月04日 09:33:37   作者:飄零楓葉  
in操作符只要通過對象能訪問到屬性就返回true。hasOwnProperty()只在屬性存在于實(shí)例中時(shí)才返回true。下面通過本文給大家分享JavaScript中in和hasOwnProperty區(qū)別詳解,感興趣的朋友一起看看吧

 每當(dāng)代碼讀取某個(gè)對象的某個(gè)屬性時(shí),都會執(zhí)行一次搜索,目標(biāo)是具有給定名字的屬性。搜索首先從對象實(shí)例本身開始。如果在實(shí)例中找到了具有給定名字的屬性,則返回該屬性的值;如果沒有找到,則繼續(xù)搜索指針指向的原型對象,在原型對象中查找具有給定名字的屬性。如果在原型對象中找到了這個(gè)屬性,則返回該屬性的值。

雖然可以通過對象實(shí)例訪問保存在原型中的值,但卻不能通過對象實(shí)例重寫原型中的值。如果在實(shí)例中添加一個(gè)與原型中屬性同名的屬性,則該屬性會屏蔽原型中的那個(gè)屬性。添加的同名屬性只會阻止我們訪問原型中的那個(gè)屬性,但不會修改那個(gè)屬性。即使將這個(gè)屬性設(shè)置為null,也只會在實(shí)例中設(shè)置這個(gè)屬性,而不會恢復(fù)其指向原型的鏈接。

in操作符只要通過對象能訪問到屬性就返回true。hasOwnProperty()只在屬性存在于實(shí)例中時(shí)才返回true。

使用delete操作符則可以完全刪除實(shí)例屬性,從而讓我們能鞏固重新訪問原型中的屬性。

function Person(){
}
Person.prototype.name = "Nicholas";
Person.prototype.age = 29;
Person.prototype.job = "Software Engineer";
Person.prototype.sayName = function(){
  alert(this.name);
};
var person1 = new Person();
var person2 = new Person();
alert(person1.hasOwnProperty("name"));//false
alert("name" in person1);//true
person1.name = "Greg";
alert(person1.name);//"Greg"
alert(person1.hasOwnProperty("name"));//true
alert("name" in person1);//true
delete person1.name;
alert(person1.name);//"Nicholas"
alert(person1.hasOwnProperty("name"));//false
alert("name" in person1);//true

prototype

1.每個(gè)函數(shù)都有一個(gè) prototype 的對象屬性,對象內(nèi)有一個(gè) constructor 屬性,默認(rèn)指向函數(shù)本身

2.每個(gè)對象都有一個(gè) __proto__ 的屬性,屬相指向其父類型的 prototype

構(gòu)造函數(shù)和普通函數(shù)并沒有區(qū)別,使用 new 關(guān)鍵字調(diào)用就是構(gòu)造函數(shù),使用構(gòu)造函數(shù)可以 實(shí)例化 一個(gè)對象

函數(shù)的返回值有兩種可能

1.顯式調(diào)用 return 返回 return 后表達(dá)式的求值

2.沒有調(diào)用 return 返回 undefined

function People(name, age) {
 this.name = name;
 this.age = age;
}
var people = new People('Byron', 26);

構(gòu)造函數(shù)返回值

1.沒有返回值
2.簡單數(shù)據(jù)類型
3.對象類型

前兩種情況構(gòu)造函數(shù)返回構(gòu)造對象的實(shí)例,實(shí)例化對象正是利用的這個(gè)特性

第三種構(gòu)造函數(shù)和普通函數(shù)表現(xiàn)一致,返回 return 后表達(dá)式的結(jié)果

總結(jié)

以上所述是小編給大家介紹的JavaScript中in和hasOwnProperty區(qū)別,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時(shí)回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!

相關(guān)文章

  • 深入探討JavaScript中parseInt與Number數(shù)字轉(zhuǎn)換方法的區(qū)別

    深入探討JavaScript中parseInt與Number數(shù)字轉(zhuǎn)換方法的區(qū)別

    在Javascript編程中,數(shù)字是一種常見的數(shù)據(jù)類型,經(jīng)常需要在不同的情境下進(jìn)行不同類型的操作,本文將深入探討parseInt()和Number()的區(qū)別,通過代碼示例和詳細(xì)解釋,幫助大家更好地理解它們的用途,需要的朋友可以參考下
    2023-08-08
  • JS去除字符串最后的逗號實(shí)例分析【四種方法】

    JS去除字符串最后的逗號實(shí)例分析【四種方法】

    這篇文章主要介紹了JS去除字符串最后的逗號,結(jié)合實(shí)例形式分析了四種字符串遍歷、截取的操作方法,需要的朋友可以參考下
    2019-06-06
  • JavaScript變量類型以及變量作用域詳解

    JavaScript變量類型以及變量作用域詳解

    這篇文章主要為大家詳細(xì)介紹了JavaScript變量類型以及變量作用域的相關(guān)資料,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2017-08-08
  • 利用JavaScript實(shí)現(xiàn)3D可旋轉(zhuǎn)粒子矩陣效果

    利用JavaScript實(shí)現(xiàn)3D可旋轉(zhuǎn)粒子矩陣效果

    dat.gui.js是一個(gè)一個(gè)輕量級的圖形用戶界面庫,或者說GUI組件,只有幾十KB,可以用于創(chuàng)建操作控制三維場景的菜單欄等。本文將利用dat.gui.min.js實(shí)現(xiàn)3D可旋轉(zhuǎn)粒子矩陣效果,感興趣的可以了解一下
    2022-06-06
  • echarts柱狀堆疊圖實(shí)現(xiàn)示例(圖例和x軸都是動態(tài)的)

    echarts柱狀堆疊圖實(shí)現(xiàn)示例(圖例和x軸都是動態(tài)的)

    一些柱形圖在數(shù)據(jù)量比較多的時(shí)候,橫向排列受到擠壓,導(dǎo)致柱形圖,變的非常細(xì),影響整體的效果,下面這篇文章主要給大家介紹了關(guān)于echarts柱狀堆疊圖(圖例和x軸都是動態(tài)的)的相關(guān)資料,需要的朋友可以參考下
    2023-04-04
  • JavaScript中URL編碼函數(shù)代碼

    JavaScript中URL編碼函數(shù)代碼

    JavaScript中存在幾種對URL字符串進(jìn)行編碼的方法:escape(),encodeURI(),以及encodeURIComponent()。這幾種編碼所起的作用各不相同。
    2011-01-01
  • js輪播圖無縫滾動效果

    js輪播圖無縫滾動效果

    這篇文章主要為大家詳細(xì)介紹了js輪播圖無縫滾動效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2017-06-06
  • ElementUI table無縫循環(huán)滾動的示例代碼

    ElementUI table無縫循環(huán)滾動的示例代碼

    這篇文章主要介紹了ElementUI table無縫循環(huán)滾動的示例代碼,代碼簡單易懂,對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2022-08-08
  • javascript圖片延遲加載實(shí)現(xiàn)方法及思路

    javascript圖片延遲加載實(shí)現(xiàn)方法及思路

    這篇文章主要介紹了javascript圖片延遲加載實(shí)現(xiàn)方法及思路,有時(shí)我們需要用懶加載,也就是延遲加載圖片的方式,來提高網(wǎng)站的親和力,需要的朋友可以參考下
    2015-12-12
  • JavaScript中fetch()用法實(shí)例

    JavaScript中fetch()用法實(shí)例

    在前端快速發(fā)展地過程中,為了契合更好的設(shè)計(jì)模式,產(chǎn)生了 fetch 框架,下面這篇文章主要給大家介紹了關(guān)于JavaScript中fetch()用法的相關(guān)資料,需要的朋友可以參考下
    2022-06-06

最新評論