DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> JavaScript檢測實例教程屬性, 原型屬性
JavaScript檢測實例教程屬性, 原型屬性
編輯:關於JavaScript     

0.前提

JavaScript對象的屬性分為兩種存在形態. 一種是存在實例中, 另一是存在原型對象中.

根據上述, 檢測屬性的時候會出現4種情況

既不存在實例中, 也不存在原型對象中
存在實例中, 不存在原型對象中
不存在實例中, 存在原型對象中
既存在實例中, 也存在原型對象中

1.hasOwnPrototype()

hasOwnPrototype()接受一個字符串格式的屬性名稱, 如果實例本身存在該屬性(情況2/情況4), 返回true. 否則, 返回false(情況1/情況3).

代碼如下:
functino Person() {}
Person.prototype.name = 'apple';
var person1 = new Person();
var person2 = new Person();
person1.name = 'banana';
console.log(person1.hasOwnPrototype(name));  //true
console.log(person2.hasOwnPrototype(name));  //false

2.in操作符

in操作符無論屬性是存在實例本身中, 還是原型對象中, 就會返回true(情況2/情況3/情況4); 否則, 返回false(情況1).

代碼如下:
console.log('name' in person1);  //true
console.log('name' in person2);  //true

3.檢測存在原型的屬性

結合in操作符和hasOwnProperty()就可以自定義函數來檢測原型中是否存在給定的屬性.

代碼如下:
function hasPrototypeProperty(object, name) {
     return !object.hasOwnPrototype(name) && (name in object);
}
console.log(hasPrototypeProperty(person1, 'name')); //false
console.log(hasPrototypeProperty(person2, 'name')); //true

原型中存在給定屬性, 返回true(情況3). 否則返回false(情況1/情況2/情況4).

以上就是本文的全部內容了,希望大家能夠喜歡

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved