hasOwnproperty详细总结
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详细总结的更多相关文章
- angularjs学习总结 详细教程(转载)
1 前言 前端技术的发展是如此之快,各种优秀技术.优秀框架的出现简直让人目不暇接,紧跟时代潮流,学习掌握新知识自然是不敢怠慢. AngularJS是google在维护,其在国外已经十分火热,可是国内的 ...
- 原生JS:Object对象详细参考
Object对象详细参考 本文参考MDN做的详细整理,方便大家参考MDN JavaScript原生提供一个Object对象(注意起首的O是大写),所有其他对象都继承自这个对象. 构造函数: Objec ...
- S5中新增的Array方法详细说明
ES5中新增的Array方法详细说明 by zhangxinxu from http://www.zhangxinxu.com 本文地址:http://www.zhangxinxu.com/wor ...
- [转载]angularjs学习总结 详细教程
http://blog.csdn.net/yy374864125/article/details/41349417#t75 目录(?)[-] 前言 AngularJS概述 AngularJS是什么 A ...
- angularjs学习总结(~~很详细的教程)
1 前言 前端技术的发展是如此之快,各种优秀技术.优秀框架的出现简直让人目不暇接,紧跟时代潮流,学习掌握新知识自然是不敢怠慢. AngularJS是google在维护,其在国外已经十分火热,可是国内的 ...
- 转: angularjs学习总结(~~很详细的教程)
1 前言 前端技术的发展是如此之快,各种优秀技术.优秀框架的出现简直让人目不暇接,紧跟时代潮流,学习掌握新知识自然是不敢怠慢. AngularJS是google在维护,其在国外已经十分火热,可是国内的 ...
- 原生JS插件(超详细)
作为一个前端er,如果不会写一个小插件,都不好意思说自己是混前端界的.写还不能依赖jquery之类的工具库,否则装得不够高端.那么,如何才能装起来让自己看起来逼格更高呢?当然是利用js纯原生的写法啦. ...
- 【转】Angular学习总结--很详细的教程
*这篇文章是转来的,做了自己的一点修改,排版.原始出处不明,如涉及原博主版权问题,请及时告知,我将会立即删除*. 1 前言 前端技术的发展是如此之快,各种优秀技术.优秀框架的出现简直让人目不暇接,紧跟 ...
- ZIP压缩算法详细分析及解压实例解释
最近自己实现了一个ZIP压缩数据的解压程序,觉得有必要把ZIP压缩格式进行一下详细总结,数据压缩是一门通信原理和计算机科学都会涉及到的学科,在通信原理中,一般称为信源编码,在计算机科学里,一般称为数据 ...
随机推荐
- nginx:403 forbidden 二种原因
出现403 forbidden的两种原因:1.是缺少索引文件(index.html/inde.php):2.是权限问题 一.缺少索引文件index.html/inde.php 比如下面的配置: ser ...
- JMX超详细解读
一.JMX的定义 JMX(Java Management Extensions)是一个为应用程序植入管理功能的框架.JMX是一套标准的代理和服务,实际上,用户可以在任何Java应用程序中使用这些代理和 ...
- 解决xcode6_beta没有代码提示的方法
在beta版本的xcode6中我们会发现代码提示不怎么好使,但是看一些老外的视频,他们的代码提示却又是赶赶的.这是为什么呢?其实解决办法也很简单.就是在项目中不出现中文字符就好了.有的同学说,我没用中 ...
- Mac下无法安装Dragon Bones的解决方案
在Mac下安装dragon bones 然后很郁闷的发现 没有 Exchange Manger 然后就去官网下载了一个 不过下载以后发现 怎么都认不出我的Flash CC来 一安装zxp扩展就提示我没 ...
- .net开发,html ajax开发架构之我见 bs ajax最简化法 Knock out Request,totally oo
.net开发中,无论ajax还是webform,webpage, 总免不了要和request这个静态全局,可以远程通信的对象打交道. 而对于软件来讲,按照Matin Fowler的的面向对象,可利用软 ...
- 禁用cookie后session是如何设置的
我们都知道当在session 会话有基于cookie和基于url两种传递SESSIONID的方法.为了实现客户端禁止cookie发送的情况也不影响客户登陆网站,可以设置 php.ini中 sessio ...
- struts_20_对Action中所有方法、某一个方法进行输入校验(基于XML配置方式实现输入校验)
第01步:导包 第02步:配置web.xml <?xml version="1.0" encoding="UTF-8"?> <web-app ...
- demo02TextView
main.xml----- /layout/activity_main.xml <RelativeLayout xmlns:android="http://schemas.androi ...
- unable to connect to the virtual device Genymotion 神器启动问题
截图: 解决方法:win7以上用户在桌面找到:网络--右键(属性)--更改适配器设置--VirtualBox Host-Only Network--属性--双击:Internet 协议版本4(TCP/ ...
- vim下正则表达式的非贪婪匹配
贪婪模式是: .* 非贪婪模式是: .\{-}