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压缩格式进行一下详细总结,数据压缩是一门通信原理和计算机科学都会涉及到的学科,在通信原理中,一般称为信源编码,在计算机科学里,一般称为数据 ...
随机推荐
- iOS6:在你的App内使用Passbook
前言 这是一篇翻译,感谢Jonathan Tang. 原文地址:iOS 6 Tutorial: Integrating Passbook into Your Applications 另外,看到另一篇 ...
- java中HashSet详解(转)
HashSet 的实现 对于 HashSet 而言,它是基于 HashMap 实现的,HashSet 底层采用 HashMap 来保存所有元素,因此 HashSet 的实现比较简单,查看 HashSe ...
- C++Builder加载Png图片
有两种方法,一是把该对象的Transparent 的属性设为true,图片的白色代表即为父界面的颜色 而是在头文件加上#include <pngimage.hpp> Image1-> ...
- codeforces-Glass Carving(527C)std::set用法
C. Glass Carving time limit per test 2 seconds memory limit per test 256 megabytes input standard in ...
- Python学习总结9:目录操作方法汇总
os.getcwd():得到当前工作目录,即当前Python脚本工作的目录路径os.listdir():返回指定目录下的所有文件和目录名os.remove():函数用来删除一个文件os.removed ...
- CCF真题之最优灌溉
201412-4 问题描述 雷雷承包了很多片麦田,为了灌溉这些麦田,雷雷在第一个麦田挖了一口很深的水井,所有的麦田都从这口井来引水灌溉. 为了灌溉,雷雷需要建立一些水渠,以连接水井和麦田,雷雷也可以利 ...
- java中创建线程的几种方法及区别
1,实现Runnable接口创建线程 特点: A:将代码和数据分开,形成清晰的模型 B:线程体run()方法所在的类可以从其它类中继承一些有用的属性和方法 C:有利于保持程序风格的一致性 2,继承Th ...
- paper 81:HDR成像技术
什么是HDR?谈HDR照片的制作方法和效果 HDR,是英文High-Dynamic Range的缩写,意为“高动态范围”.这是一个简单的术语,HDR照片是使用多张不同曝光的图片,然后再用软件将其叠加合 ...
- JFreeChart在制作折线图
JFreeChart在制作折线图的时候可以使用两种不同的方式 package Line; import java.awt.Color; import java.awt.Font; import org ...
- [fedora21]给fedora21安装fcitx输入法
如果已经安装了ibus,需要卸载ibus: sudo yum remove ibus; 安装fcitx: sudo yum install fcitx fcitx-pinyin fcitx-con ...