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. js - ajax中的get和post说明

    转自:http://www.cnblogs.com/hateyoucode/archive/2009/12/09/1620050.html 一.谈Ajax的Get和Post的区别 Get方式:   用 ...

  2. 编写简单的Mapreduce程序并部署在Hadoop2.2.0上运行

    今天主要来说说怎么在Hadoop2.2.0分布式上面运行写好的 Mapreduce 程序. 可以在eclipse写好程序,export或用fatjar打包成jar文件. 先给出这个程序所依赖的Mave ...

  3. Python:安装mssql模块功能,并实现与sqlserver连接、查询

    由于我系统是x64系统,所以下载python2.7 x64.下载地址:https://www.python.org/downloads/release/python-2712/, 经过测试发现这个版本 ...

  4. 实验十三_编写、应用中断例程_2 & 总结

    编写并安装int 7ch中断例程,功能为完成loop指令的功能 参数:(cx)= 循环次数,(bx)= 位移 以上中断例程安装成功后,对下面的程序进行单步跟踪,尤其注意观察int.iret指令执行前后 ...

  5. PostgreSQL Replication之第十二章 与Postgres-XC一起工作(6)

    12.6 添加节点 Postgres-XC允许您在那个过程中的任何一个时间点添加新的服务器到计划中.所有您需要做的是按照我们之前演示的设置一个节点,并在 控制器上调用CREATE NODE.然后,该系 ...

  6. jvm内存设置

    JVM有很多个内存管理命令,总体而言,分为两类: 1.-X开头的管理命令:这些选项在JDK升级时不会通知修改: 2.-XX开头的管理命令:这些选项不够稳定,所以建议少用. JVM参数的含义: 参数名称 ...

  7. nyist 606 ACM之路

    http://acm.nyist.net/JudgeOnline/problem.php?pid=606 ACM之路 时间限制:1000 ms | 内存限制:65535 KB 描述 转眼间,12级新生 ...

  8. SQL查询 练习题

    设有一数据库,包括四个表:学生表(Student).课程表(Course).成绩表(Score)以及教师信息表(Teacher).四个表的结构分别如表1-1的表(一)~表(四)所示,数据如表1-2的表 ...

  9. maven的pom报plugins却是的解决方法(转)

    maven的pom报plugins却是的解决方法. 引用 Failure to transfer org.apache.maven.plugins:maven-surefire-plugin:pom: ...

  10. 动画--过渡函数 transition-timing-function

    transition-timing-function属性指的是过渡的“缓动函数”.主要用来指定浏览器的过渡速度,以及过渡期间的操作进展情况,其中要包括以下几种函数: (单击图片可放大) 案例展示: 在 ...