JavaScript中關聯(lián)原型鏈屬性特性

更新時間：2016年02月13日 18:43:37 投稿：mrr

這篇文章主要介紹了JavaScript中關聯(lián)原型鏈屬性特性的相關資料,需要的朋友可以參考下

數(shù)據(jù)屬性：

數(shù)據(jù)屬性包含一個數(shù)據(jù)值的位置，在這個位置可以讀取和寫入值。

4個描述的行為特性：

writable 表示能否修改屬性的值。默認為true

Enumerable 表示能否過過for in循環(huán)返回屬性是否可以枚舉。

configuralbe 表示是否能過來delete刪除屬性從來重新定義屬性，能否修改其配置。

value 包含這個屬性的數(shù)據(jù)值。讀取屬性值的時候，從這個位置讀取。

寫入屬性值的時候，把新值保存在這個位置。這個特性的默認值為true。

<script>
function Foo(){}
Foo.prototype.z = 
var obj = new Foo()
obj.x = 
alert("x" in obj) //=>true x是obj對象的自有屬性
alert("z" in obj) //=>true z是obj原型上繼承來看屬性
//hasOwnProperty 必須是對象上的自有的屬性才返回true
alert(obj.hasOwnProperty("x")) //true x是obj對象上的自有屬性
alert(obj.hasOwnProperty("z")) //false z是obj原型上繼承來的屬性，不是他的私有屬性
alert(Foo.prototype.hasOwnProperty("z")) //=>true z是原型上自有的屬性，所以返回true
alert(Object.prototype.hasOwnProperty("toString"))//=>toString 是頂級對象上的自有屬性，所以返回true
//prpertyisEnumeralbe 的意思是必是對象上的自有屬性而且要以是枚舉的，但是對象的可枚舉屬性Enumeralbe是true,才能返回true
alert(obj.propertyIsEnumerable("x")) //true x是obj對象上可枚舉的屬性
alert(obj.propertyIsEnumerable("z")) //false z是obj原型上的屬性，不是自有屬性，則不可以枚舉
alert(Foo.prototype.propertyIsEnumerable("z")) //true x是原型上的自有屬性，所以可以枚舉
</script>

如何枚舉屬性，枚舉屬性對于原型又有什么區(qū)別？

演示代碼如下：

<script>
function Foo(){}
Foo.prototype.age = 
var obj = new Foo()
obj.name = "ziksang"
obj.addr = "上海"
obj.telephone = 
for(var p in obj){ //使用FOR IN 可以枚舉出自身的屬性和原型上的屬性
console.log(p)
}
console.log(Object.keys(obj)) //使用Object.keys(obj)只可以枚舉Obj對象上自身的屬性
console.log(Object.getOwnPropertyNames(obj)) //Object.getOwnPropertyNames(obj)是列出Ojb對象上自身的屬性名，與枚舉不相關，但是又類似枚舉，大家要注意區(qū)分
</script>

以上內(nèi)容是小編給大家介紹的JavaScript中關聯(lián)原型鏈屬性特性的相關知識，希望對大家有所幫助。

您可能感興趣的文章: