hasOwnProperty()、propertyIsEnumerable()和isPrototypeOf()的用法

javascript中有原型這么一個概念，任何一個構造函數都有它對應的原型(prototype)，我們可以給這個原型賦予一些我們想要的屬性，像下面這樣：

function Gadget(name, color){
    this.name = name;
    this.color = color;
    this.whatAreYou = function(){
        return 'I am a ' + this.color + ' ' + this.name;
    }
}

Gadget.prototype.price = 100;
Gadget.prototype.rating = 3;
Gadget.prototype.getInfo = function(){
    return 'Rating: ' + this.rating + ', price: ' + this.price;
  };


var newtoy = new Gadget('webcam', 'black');

這里我定義了一個Gadget類的實例--newtoy對象。在這個對象中，我們可以訪問對象內部及其原型對象中的屬性或者方法。如果想要獲得某個對象所有屬性的列表，我們可以使用for-in循環：

for i in newtoy{
    console.log(i + ' = ' + newtoy[i]);
}

我們可以得到下面的結果：

name = webcam
color = black

whatAreYou = function (){
        return 'I am a ' + this.color + ' ' + this.name;
    }

price = 100
rating = 3

getInfo = function (){
    return 'Rating: ' + this.rating + ', price: ' + this.price;
  }

這時候，如果我們想要把原型中的屬性過濾掉，就可以首先使用hasOwnProperty()來判斷該屬性是不是屬于對象內部的：

for(var i in newtoy){
    if(newtoy.hasOwnProperty(i))
        console.log(i + ' = ' + newtoy[i]);
}

另外需要注意的幾點是：

只有那些可枚舉的屬性才會被顯示出來（一般內建屬性都是不可枚舉的）
原型中的各個原型屬性也會被顯示出來，當然前提是它們是可枚舉的
propertyIsEnumerable()用于測試該屬性是否可枚舉，對于所以的原型屬性，propertyIsEnumerable()都會返回false，包括那些在for-in循環中可枚舉的屬性。但如果propertyIsEnumerable()的調用是來自原型鏈上的某個對象，那么該對象中的屬性是可枚舉的。例如：
newtoy.constructor.prototype.propertyIsNumerable('price');
//返回: ture

每個對象中都會有一個isPrototypeOf()方法，這個方法會告訴我們當前對象是否是另外一個對象的原型。

var monkey = {
    hair: true,
    feeds: 'bananas'
};

function Human(name){
    this.name = name;
}
Human.prototype = monkey;

var tom = new Human("Tom");
monkey.isPrototypeOf(tom);

//返回: true

posted @ 2013-12-10 18:31 CodingMonkey 閱讀(896) 評論(1) 收藏舉報

刷新頁面返回頂部

MockingBird

活著，是一場修行

hasOwnProperty()、propertyIsEnumerable()和isPrototypeOf()的用法

公告

MockingBird

活著， 是一場修行

hasOwnProperty()、propertyIsEnumerable()和isPrototypeOf()的用法

公告

活著，是一場修行