[js方法pk]之instanceof() vs isPrototypeOf() hasOwnProperty() vs propertyIsEnumerable()

这几个方法在js的高级编程中经常用到，对于新手来说可能还不知道他们有什么区别，我把我的体会总结下来，供大家参考：

首先，定义一个对象：

 1  function Parent() {this.name = "wenbo";}
 2  Parent.prototype.alertP = function() {  3 alert("Parent");  4  }  5  6 function Child() {this.age = 23;}  7 Child.prototype.alertC = function() {  8 alert("Child");  9  } 10 11 function F() {} 12 F.prototype = Parent.prototype; 13 Child.prototype = new F(); 14 Child.prototype.constructor = Child; 15 var child = new Child();

1,instanceof() vs isPrototypeOf():

instanceof:判断该对象是否为另一个对象的实例。

1  console.log(child instanceof  Parent); //true
2  console.log(child instanceof Child); //true

isPrototypeOf:判断一个对象象是否为一个实例的原型。

1 Parent.prototype.isPrototypeOf(child);//true
2 Child.prototype.isPrototypeOf(child);//true

2， hasOwnProperty() vs propertyIsEnumerable()：

hasOwnProperty：判断对象是否有某个特定的属性，(注意说的是对象的属性，而不是对象原型的属性)必须用字符串指定该属性。

1 Parent.hasOwnProperty("name");//true
2 Child.hasOwnProperty("age");//true 3 Parent.hasOwnProperty("alertP");//false 4 Child.hasOwnProperty("alertC");//false

propertyIsEnumerable：判断给定的属性是否可以用 for...in 语句进行枚举。由于 for ... in 枚举是包含原型链上的属性的，但propertyIsEnumerable作用于原型方法上时，始终是返回false的，你可以这么认为，for...in可以枚举对象本身的属性和原型上的属性，而propertyIsEnumerable只能判断本身的属性是否可以枚举。此外，预定义的属性不是可列举的，而用户定义的属性总是可列举的。所以如果你只想遍历对象本身的属性，可以：

1 for (var key in obj) {
2 if (obj.hasOwnProperty(key) { 3 //do something 4  } 5 }

转载于:https://www.cnblogs.com/shsgl/p/4122606.html

[js方法pk]之instanceof() vs isPrototypeOf() hasOwnProperty() vs propertyIsEnumerable()相关推荐

java如何调用js_java如何调用js方法
js方法如下:function add(a,b){ return a + b + number; } 调用方法如下:(免费学习视频教程分享:java视频教程)package com.cgnb.data ...
js/jq基础（日常整理记录）-2-一个简单的js方法实现集合的非引用拷贝
一.一个简单的js方法实现集合拷贝做web项目的时候,少不了和js中的数组,集合等对象接触,那么你肯定会发现,在js中存在一个怪异的现象就是数组和集合的拷贝都是地址复制,并不是简单的数据的拷贝. 举 ...
java js方法_java如何调用js方法
详细内容 js方法如下:function add(a,b){ return a + b + number; } 调用方法如下:(免费学习视频教程分享:java视频教程)package com.cgnb ...
用js方法做提交表单的校验
基础知识: 原始提交如下: <form action="<%=basePath %>puser/register" method="post" ...
Silverlight调用的JS方法返回对象数组的处理方法
最近在做Silverlight应用,需要用Silverlight调用页面中Javascript方法.这个JS方法返回一个对象数组给Silverlight.对于这个对象数组怎么在Silverlight里 ...
如何在java中调用js方法
[java] view plain copy/* * 加载脚本引擎,并在java中调用js方法 */ public void test2() { ScriptEngineManager manager ...
android 连续调用js方法,Android的WebView中的JavascriptInterface：对JS的多次调用会导致死锁...
这是我用过的整个Java代码.我将在下面更详细地解释... public class Test7 extends Activity { //debug private final static Str ...
用服务器控件在后台调用前台客户端JS方法
今天试着研究了一下服务器控件来控制JS代码(可见不仅仅HTML控件可以调用JS方法,服务器控件也可以调用JS方法), 本人觉得有点实用,现分享如下: 前台代码如下: js方法:<script l ...
Java调用js方法
js函数保存在String字符串中 package com.netease.qiyu.test.datastageservice.service.impl;import com.netease.qiy ...
异步加载js文件并执行js方法：实现异步处理网页的复杂效果
异步加载js文件并执行js方法:实现异步处理网页的复杂效果有这么一个场景,当你的网页页面效果过多就会造成了打开页面的速度变得缓慢,长时间处于加载的状态,这样的效果通常会让用户感到不友好,通常的处理方 ...

[js方法pk]之instanceof() vs isPrototypeOf() hasOwnProperty() vs propertyIsEnumerable()

[js方法pk]之instanceof() vs isPrototypeOf() hasOwnProperty() vs propertyIsEnumerable()

[js方法pk]之instanceof() vs isPrototypeOf() hasOwnProperty() vs propertyIsEnumerable()相关推荐

最新文章

热门文章