对象原型与属性容易混淆的函数
来源:互联网 发布:rmvb转mp4 mac 编辑:程序博客网 时间:2024/05/21 16:57
- 获取原型
- isPrototypeOf
- ObjectgetPrototypeOf
- instanceof
- 获取属性
- Objectkeys
- forin
- ObjectgetOwnPropertyName
- 判断属性的位置 在原型中定义还是在实例中
- hasOwnProperty
- 单独使用in操作符
- 同时使用两种方法
- 枚举
- 获取原型
书目:《JAVASCRIPT高级程序设计 》CH6 面向对象的程序设计
参考链接1:JavaScript 获取对象属性和方法
参考链接2:isPrototypeOf和 instanceof 的区别
参考链接3:JavaScript中的constructor、instanceof、isPrototypeOf、typeof以及hasOwnProperty
function Person(){this.age = 100}var person1 = new Person;person1.name="Greg"
获取原型
①isPrototypeOf()
//确认对象的原型//取代typeof
isPrototypeOf() 方法用于测试一个对象是否存在于另一个对象的原型链上
语法: prototypeObj.isPrototypeOf(object)
参数: object 在该对象的原型链上搜寻
返回值: Boolean,表示调用对象是否在另一个对象的原型链上。
Person.prototype.isPrototypeOf(person1); //true
②Object.getPrototypeOf()
//获取对象的原型
alert(Object.getPrototypeOf(person1) == Person.prototype) //true
③instanceof
instanceof 运算符用来测试一个对象在其原型链中是否存在一个构造函数的 prototype 属性。
语法: object instanceof constructor
参数: object 要检测的对象. constructor 某个构造函数
描述:instanceof 运算符用来检测 constructor.prototype 是否存在于参数 object 的原型链上。
alert(person1 instanceof Person);//返回truealert(person1instanceof Object);//返回true
获取属性
①Object.keys()
//ES5,接收一个对象作为参数,返回一个包含所有可枚举属性的字符串数组
//对原型调用,返回原型属性
//若对实例调用,则只返回实例属性
var keys = Object.keys(Person.prototype);//返回原型属性 alert(keys); //"age" var p1keys=Object.keys(person1);//返回实例属性 alert(p1keys); //"name"
②for..in..
//返回原型中可枚举的属性,以及原型中不可枚举但在实例中进行了覆盖定义的属性
//与Object.keys()相同
③Object.getOwnPropertyName()
//如果你想要获得所有实例属性,无论他是否可枚举,可以使用这个方法
var keys = Object.getOwnPropertyNames(Person.prototype);alert(keys); //"constructor, age"
判断属性的位置: 在原型中定义,还是在实例中
①hasOwnProperty()
//判断属性是否是存在于自己的实例中,如果是:返回true,如果仅仅存在自己的原型中,则返回false
person1.hasOwnProperty("name"); //trueperson1.hasOwnProperty("age"); //false因为age是原型的属性,而不是自己实例的属性
②单独使用in操作符
//会在通过通对象能够访问给定属性时返回true,无论该属性存在于实例中还是原型中.
alert("name" in person1);//truealert("age" in person1);//true
同时使用两种方法
就可以确定属性是否存在于原型中:
function hasPrototypeProperty(object,name){ return !object.hasOwnProperty && (name in property);//存在于原型中才返回true }
倘若实例中对原型的属性进行了重新定义,那么hasPrototypeProperty返回false,因为会先搜索实例中的属性,搜索到之后 ,原型中的属性用不到了.
枚举
1.所有开发者定义的属性,均是可枚举的;
2.不可枚举的属性有: toLocaleString()、toString()、valueOf()、hasOwnProperty()、propertyIsEnumerable()
3.es5将constructor和prototype的 [ [ Enumerable ] ] = false ,即可枚举属性设置为了 false
4.当以对象字面量的形式重写prototype并重设constructor属性时,将导致[[Enumberable]]特性被设置为true.(P155)
- 对象原型与属性容易混淆的函数
- 容易混淆的函数
- 一些容易混淆的属性
- Ajax---------容易混淆的 对象
- 简述容易混淆的 运算符与函数
- javascript 函数对象的原型与普通对象的原型
- css 容易混淆属性
- Android 容易混淆的属性Padding 与 margin,android:gravity与android:layout_gravity
- Android 容易混淆的属性Padding 与 margin,android:gravity与android:layout_gravity
- JavaScript 原型对象与原型属性图
- OpenMP: 几个容易混淆的函数
- 容易混淆的php字符串处理函数
- 容易混淆的php函数,个人笔记
- OpenMP中几个容易混淆的函数
- 容易与肛裂混淆的疾病
- 有关内容对齐方式的四个容易混淆的属性
- UITextField、UILabel和 UITextView四个容易混淆的属性
- 【总结】四个容易混淆的属性:textAligment,contentVerticalAlignment,contentHorizontalAlignment,contentMode
- jQuery 遍历
- IIS 中设置文件上传最大长度
- 丛林战争项目十之数据库查询
- 从android HashMap的源码实现谈谈HashMap的性能问题
- 区块链比特币科普
- 对象原型与属性容易混淆的函数
- 一致性hash算法
- maven安装配置
- lesson 10:用两个线程玩猜数字游戏,第一个线程负责随机给出1~100之间的一个整数,第二个线程负责猜出这个数。要求每当第二个线程给出自己的猜测后,第一个线程都会提示“猜小了”、“猜大了”或“猜
- 乐视洗牌,张昭升官,孙宏斌为何力挺张昭的乐视影业?
- pyCharm最新2017激活码
- flask RESTful api学习 WITH POSTMAN调试
- 事件委托
- Spring框架学习笔记