hasOwnProperty和isPrototypeOf

容易搞混的JavaScript方法：hasOwnProperty和isPrototypeOf

2011 年 10 月 10 日 by Ryan | 1 CommentViews: 95 Today Views: 1

说容易搞混，其实就是掌握得不好嘛，大家就别见怪了，我一向都是水过鸭背式地看书的。最后转性了，才认真地看字了。前面写过一篇类似的文章。

hasOwnProperty

介绍这个方法之前，先讲一下今天遇到的问题，我们一般要循环一个数组，我们会怎么办？
有两种方案可以选择，分别是for和for…in，问题是这两种方法有什么不同？
回答这个问题，我们只需要看例子：

1

2

3

4

5

6

7

8

9

10

11

12

13

Array.prototype.foo = "someValue";

var array = ['a', 'b', 'c'];

for (var i in array) {

alert(array[i]);

}

Syntax

for(prop in object){……}

//for in的语法：

//很显然这会枚举了所有方法属性，结果就会是a,b,c,someValue

//而for的话只会循环出a,b,c

这也就是别人所说的，不用for in的好处。在prototype库中，整个库都是以扩展Object的为基础的，这样就很容易出错。当然，本人是没有研究过Prototype这个库的，只是看过一点代码而已。那有什么方法可以让它只循环出只属于它自己的属性呢？

2011-12-09 补:

for in会循环出对象所有的function和prototype properties，hasOwnProperty方法是不会查找原型链的。

下面就是我们今天的第一个介绍的hasOwnProperty：

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

var obj = {

"a": 1,

"b": 2,

"c": 3

};

for (var prop in obj) {

if (obj.hasOwnProperty(prop)) {

// or if (Object.prototype.hasOwnProperty.call(obj,prop)) for safety...

alert("prop: " + prop + " value: " + obj[prop])

}

}

//Syntax

//obj.hasOwnProperty(prop)

//由于时间问题，我已经去抄了一段代码。这个for in加上了一个hasOwnProperty来判断后，就能准确地找出我们想要的结果了。

//其中它还有一句Object.prototype.hasOwnProperty.call(obj,prop))，

//大概是因为在原型链中，使用最顶级的方法应该是最安全的，没有污染到它。

isPrototypeOf

1

2

Syntax

prototype.isPrototypeOf(object)

1

2

3

4

5

6

7

8

9

10

11

12

13

function foo(){

this.name = 'foo';

};

function bar(){};

bar.prototype = new foo();

var goo = new bar();

console.log(goo.name); //foo

console.log(bar.prototype.isPrototypeOf(goo));//true

//在bar的原型链中有当前对象goo，则isPrototypeOf方法返回true。

Categories: MyPost | Tags: hasOwnProperty, isPrototypeOf | Permalink

 

原文地址：http://www.coolicer.com/2011/10/10/javascript-hasownproperty-and-isprototypeof.html