hasOwnProperty:是用来判断一个对象是否有你给出名称的属性或对象。不过需要注意的是,此方法无法检查该对象的原型链中是否具有该属性,该属性必须是对象本身的一个成员。

isPrototypeOf:是用来判断要检查其原型链的对象是否存在于指定对象实例中,是则返回true,否则返回false

function person(nickName,siteName){
this.nickName=nickName;
this.siteName;
this.address='上海';
}
person.prototype.showAdmin = function() {
alert(this.nickName+"是"+this.siteName+"的站长!")
};
person.prototype.showSite = function(siteUrl) {
this.siteUrl=siteUrl; //在原型上加一个私有的属性
this.sayAge=function(){ //在原型上加一个私有的方法
alert('20岁');
}
return this.siteName+"的地址是"+this.siteUrl;
};
person.prototype.job='code'; var p1=new person("脚本之家1","WEB前端开发");
var p2=new person("脚本之家2","WEB前端开发");
p1.age1="30";
p1.age2; alert(p1.hasOwnProperty("nickName"));//true //能够检测构造函数 模板函数里的属性和方法且该属性被赋值了 所以是true
alert(p1.hasOwnProperty("siteName"));//false //能够检测构造函数 模板函数里的属性和方法但是该属性没有被赋值,所以是false
alert(p1.hasOwnProperty("address"));//true //能够检测构造函数 模板函数里的属性和方法且被赋值,所以是true
alert(p1.hasOwnProperty("age1"));//true //能够检测p1上的属性且该属性被赋值了,所以是true
alert(p1.hasOwnProperty("age2"));//false //能够检测p1上的属性但是该属性没被赋值了,所以是false alert(p1.hasOwnProperty("showAdmin"));//false //hasOwnProperty是不可以检测到原型链上的属性和方法
alert(p1.hasOwnProperty("showSite"));//false //hasOwnProperty是不可以检测到原型链上的属性和方法
alert(p1.hasOwnProperty("job"));//false //hasOwnProperty是不可以检测到原型链上的属性和方法 alert(person.prototype.hasOwnProperty("showAdmin"));//true //person.prototype上检测是否有showAdmin 弹出true
alert(person.prototype.hasOwnProperty("job"));//true //person.prototype上检测是否有job 弹出true
alert(person.prototype.hasOwnProperty("siteUrl"));//false //person.prototype上没有siteUrl 弹出false
alert(person.prototype.hasOwnProperty("sayAge"));//false //person.prototype上没有siteUrl 弹出false alert(person.prototype.isPrototypeOf(p1))//true
alert(person.prototype.isPrototypeOf(p2))//true
        function person(nickName,siteName){
this.nickName=nickName;
this.siteName=siteName;;
}
person.prototype.showAdmin = function() {
alert(this.nickName+"是"+this.siteName+"的站长!")
};
person.prototype.showSite = function(siteUrl) {
this.siteUrl=siteUrl; //在原型上加一个私有的属性
this.sayAge=function(){ //在原型上加一个私有的方法
alert('20岁');
}
this.sayWork=function(){
this.work='打杂';
};
this.sex; return this.siteName+"的地址是"+this.siteUrl;
}; person.prototype.job='code'; var p1=new person("脚本之家1","WEB前端开发");
var p2=new person("脚本之家2","WEB前端开发");
p1.age1="30";
p1.age2; alert(p1.showSite("http://www.jb51.net/")); alert(p1.hasOwnProperty("siteUrl"));//true //在上面一句调用了showSite原型方法,所以原型链里就创建了私有属性和方法且被赋值了,所以弹出true
alert(p1.hasOwnProperty("sayAge"));//true //在上面一句调用了showSite原型方法,所以原型链里就创建了私有属性和方法且被赋值了,所以弹出true
alert(p1.hasOwnProperty("sayName"));//true //p1调用showSite原型方法,所以原型链里就创建私有属性和方法且被赋值了,所以弹出true
alert(p1.hasOwnProperty("work"));//false //p1没有调用sayWork方法,所以就不会创建私有属性和方法(work),所以弹出false
alert(p1.hasOwnProperty("sex"));//false //p1调用showSite原型方法,所以原型链里就创建私有属性和方法但是sex没有被赋值,所以弹出false p1.sayAge(); //20岁
p2.sayAge(); //会报错 p2.sayAge is not a function 因为p2没有调用showSite原型方法,所以没有创建p2的独有属性和方法,所以会报错
function person(nickName,siteName){
this.nickName=nickName;
this.siteName=siteName;;
}
person.prototype.showAdmin = function() {
alert(this.nickName+"是"+this.siteName+"的站长!")
};
person.prototype.showSite = function(siteUrl) {
this.siteUrl=siteUrl; //在原型上加一个私有的属性
this.sayAge=function(){ //在原型上加一个私有的方法
alert('20岁');
}
return this.siteName+"的地址是"+this.siteUrl;
};
person.prototype.job='code'; var p1=new person("脚本之家1","WEB前端开发");
var p2=new person("脚本之家2","WEB前端开发");
p1.age1="30";
p1.age2; //alert(p1.showSite("http://www.jb51.net/")); alert(p1.hasOwnProperty("siteUrl"));//false //p1没有调用showSite原型方法,所以原型链里就不会创建私有属性和方法,所以弹出false
alert(p1.hasOwnProperty("sayAge"));//false //p1没有调用showSite原型方法,所以原型链里就不会创建私有属性和方法,所以弹出false p1.sayAge(); //20岁
p2.sayAge(); //会报错 p2.sayAge is not a function 因为p2没有调用showSite原型方法,所以没有创建p2的独有属性和方法,所以会报错

hasOwnproperty详细总结的更多相关文章

  1. angularjs学习总结 详细教程(转载)

    1 前言 前端技术的发展是如此之快,各种优秀技术.优秀框架的出现简直让人目不暇接,紧跟时代潮流,学习掌握新知识自然是不敢怠慢. AngularJS是google在维护,其在国外已经十分火热,可是国内的 ...

  2. 原生JS:Object对象详细参考

    Object对象详细参考 本文参考MDN做的详细整理,方便大家参考MDN JavaScript原生提供一个Object对象(注意起首的O是大写),所有其他对象都继承自这个对象. 构造函数: Objec ...

  3. S5中新增的Array方法详细说明

      ES5中新增的Array方法详细说明 by zhangxinxu from http://www.zhangxinxu.com 本文地址:http://www.zhangxinxu.com/wor ...

  4. [转载]angularjs学习总结 详细教程

    http://blog.csdn.net/yy374864125/article/details/41349417#t75 目录(?)[-] 前言 AngularJS概述 AngularJS是什么 A ...

  5. angularjs学习总结(~~很详细的教程)

    1 前言 前端技术的发展是如此之快,各种优秀技术.优秀框架的出现简直让人目不暇接,紧跟时代潮流,学习掌握新知识自然是不敢怠慢. AngularJS是google在维护,其在国外已经十分火热,可是国内的 ...

  6. 转: angularjs学习总结(~~很详细的教程)

    1 前言 前端技术的发展是如此之快,各种优秀技术.优秀框架的出现简直让人目不暇接,紧跟时代潮流,学习掌握新知识自然是不敢怠慢. AngularJS是google在维护,其在国外已经十分火热,可是国内的 ...

  7. 原生JS插件(超详细)

    作为一个前端er,如果不会写一个小插件,都不好意思说自己是混前端界的.写还不能依赖jquery之类的工具库,否则装得不够高端.那么,如何才能装起来让自己看起来逼格更高呢?当然是利用js纯原生的写法啦. ...

  8. 【转】Angular学习总结--很详细的教程

    *这篇文章是转来的,做了自己的一点修改,排版.原始出处不明,如涉及原博主版权问题,请及时告知,我将会立即删除*. 1 前言 前端技术的发展是如此之快,各种优秀技术.优秀框架的出现简直让人目不暇接,紧跟 ...

  9. ZIP压缩算法详细分析及解压实例解释

    最近自己实现了一个ZIP压缩数据的解压程序,觉得有必要把ZIP压缩格式进行一下详细总结,数据压缩是一门通信原理和计算机科学都会涉及到的学科,在通信原理中,一般称为信源编码,在计算机科学里,一般称为数据 ...

随机推荐

  1. SqlServer:传递超长字符串参数时,参数被自动换行。

    declare @ids nvarchar(max); set @ids=N'5936593066,5936556893,59366 00375,5936594808,59 36624757,5936 ...

  2. Applescript 带参数调用某个App的方法

    do shell script "open '/Users/eran/Documents/Workground/DragonAdventure/FlashCode/tools/SWFInfo ...

  3. Python和Ruby抓取网页时的中文乱码问题(在Eclipse和Apatana Studio下均是这种解决方法

    Python抓取中文网页乱码 :Eclipse+pydev2.2+python2.7  :Apatana Studio3+ pydev2.2+python2.7      run时设置 run--&g ...

  4. C++之路进阶——bzoj1823(满汉全席)

    F.A.Qs Home Discuss ProblemSet Status Ranklist Contest ModifyUser  hyxzc Logout 捐赠本站 Notice:由于本OJ建立在 ...

  5. URAL 1002 Phone Numbers(KMP+最短路orDP)

    In the present world you frequently meet a lot of call numbers and they are going to be longer and l ...

  6. CCF真题之最大矩形

    201312-3 问题描述 在横轴上放了n个相邻的矩形,每个矩形的宽度是1,而第i(1 ≤ i ≤ n)个矩形的高度是hi.这n个矩形构成了一个直方图.例如,下图中六个矩形的高度就分别是3, 1, 6 ...

  7. Windows平台上安装搭建iPhone/iPad的开发环境

    http://www.cnblogs.com/hanxianlong/archive/2015/09/20/4824227.html http://blog.csdn.net/yahohi/artic ...

  8. ios blog

    转得一个朋友的博客,大家可以看哈(主要时国外的) 主要分开发教程.示例项目.UI设计.问题解决几块. 开发教程: 即便过了入门阶段,还是要经常看看一些不错的实例教程. .http://mobile.t ...

  9. 访问网页时提示的503错误信息在IIS中怎么设置

    访问网页时提示的503错误信息在IIS中怎么设置 503是一种常见的HTTP状态码,出现此提示信息的原因是由于临时的服务器维护或者过载,服务器当前无法处理请求则导致了访问网页时出现了503错误.那么当 ...

  10. 浅谈JavaScript计时器

    JavaScript计时器 1.什么是JavaScript计时器? 在JavaScript中,我们可以在设定的时间间隔之后来执行代码,而不是在函数被调用后立即执行. 2.计时器类型 一次性计时器:仅在 ...