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. nginx:403 forbidden 二种原因

    出现403 forbidden的两种原因:1.是缺少索引文件(index.html/inde.php):2.是权限问题 一.缺少索引文件index.html/inde.php 比如下面的配置: ser ...

  2. JMX超详细解读

    一.JMX的定义 JMX(Java Management Extensions)是一个为应用程序植入管理功能的框架.JMX是一套标准的代理和服务,实际上,用户可以在任何Java应用程序中使用这些代理和 ...

  3. 解决xcode6_beta没有代码提示的方法

    在beta版本的xcode6中我们会发现代码提示不怎么好使,但是看一些老外的视频,他们的代码提示却又是赶赶的.这是为什么呢?其实解决办法也很简单.就是在项目中不出现中文字符就好了.有的同学说,我没用中 ...

  4. Mac下无法安装Dragon Bones的解决方案

    在Mac下安装dragon bones 然后很郁闷的发现 没有 Exchange Manger 然后就去官网下载了一个 不过下载以后发现 怎么都认不出我的Flash CC来 一安装zxp扩展就提示我没 ...

  5. .net开发,html ajax开发架构之我见 bs ajax最简化法 Knock out Request,totally oo

    .net开发中,无论ajax还是webform,webpage, 总免不了要和request这个静态全局,可以远程通信的对象打交道. 而对于软件来讲,按照Matin Fowler的的面向对象,可利用软 ...

  6. 禁用cookie后session是如何设置的

    我们都知道当在session 会话有基于cookie和基于url两种传递SESSIONID的方法.为了实现客户端禁止cookie发送的情况也不影响客户登陆网站,可以设置 php.ini中 sessio ...

  7. struts_20_对Action中所有方法、某一个方法进行输入校验(基于XML配置方式实现输入校验)

    第01步:导包 第02步:配置web.xml <?xml version="1.0" encoding="UTF-8"?> <web-app ...

  8. demo02TextView

    main.xml----- /layout/activity_main.xml <RelativeLayout xmlns:android="http://schemas.androi ...

  9. unable to connect to the virtual device Genymotion 神器启动问题

    截图: 解决方法:win7以上用户在桌面找到:网络--右键(属性)--更改适配器设置--VirtualBox Host-Only Network--属性--双击:Internet 协议版本4(TCP/ ...

  10. vim下正则表达式的非贪婪匹配

    贪婪模式是: .* 非贪婪模式是: .\{-}