javascript面向对象学习笔记(四)——常用方法/属性
来源:互联网 发布:mac os 10.12 百度云 编辑:程序博客网 时间:2024/05/21 05:06
1、 Object.defineProperty()
修改对象数据属性默认的特性/定义访问器属性
接收三个参数:属性所在对象、属性的名字、一个描述符对象(对象的属性必须为configurable、enumerable、writeable、value)。
var person={};Object.defineProperty(person,”name”,{ writable:false,value:”Chiaki”,});alert(person.name);//Chiakeperson.name=”wu”;//非严格模式下该操作将被忽略,严格模式下该操作将导致抛出错误alert(person.name);//Chiaki,因为writeable=false指定name的属性值不可修改var person={};Object.defineProperty(person,"name",{ configurable:false, value:"Chiaki"});alert(person.name);//Chiakidelete person.name;//非严格模式下该操作将被忽略,严格模式下该操作将导致抛出错误alert(person.name);//Chiaki,因为configurable:false表示不能从对象中删除属性
当configurable被设置为false时,将不能再更改为true,此时再调用Object.defineProperty()方法只能修改writable特性。
Object.defineProperty()方法一旦调用,configurable、enumerable、writable若没有指定则默认为false。
var book={ _year:2004, edition:1};Object.defineProperty(book,"year",{ get:function(){ return this.year }, set:function(newValue){ if(newValue>2004){ this._year=newValue; this.edition+=newValue-2004; } }});book.year=2005;alert(book.edition);//2
2、Object.defineProperties()定义多个属性
var books={};Object.defineProperties(book,{ _year:{ value:2004 }, edition:{ value:1 }, year:{ get:function(){ return this._year; }, set:function(newValue){ if(newValue>2004){ this._year=newValue; this.edition +=newValue-2004; } } }});
3、Object.getOwnPropertyDescriptor()取得给定属性的描述符。
接收两个参数:属性所在对象、要读取其描述符的属性名称。返回值是一个对象(如果是访问器属性,这个对象的属性有configurable、enumerable、get、set;如果是数据属性,这个对象的属性有configurable、enumerable、writable、value).
该方法适用于IE9+,Firefox4+,Safari 5+,Opera 12+和Chrome
var book={}Object.defineProperties(book,{ _year:{ value:2004 }, edition:{ value:1 }, year:{ get:function(){ return this._year; }, set:function(newValue){ if(newValue>2004){ this._year=newValue; this.edition+=newValue-2004; } } }});var descriptor=Object.getOwnPropertyDescriptor(book,"_year");alert(descriptor.value);//2004alert(descriptor.configurable);//false,因为使用Object.defineProperties(),没有设置configurable值alert(typeof descriptor.get);//undefinedvar descriptor=Object.getOwnPropertyDescriptor(book,"year");alert(descriptor.value);//undefinealert(descriptor.enumerable);//falsealert(typeof descriptor.get);//function
4、constructor属性和instanceof操作符 检测对象类型
alert(person1.constructor==Person);//truealert(person1 instanceof Object);//true,因为所有对想均继承Objectalert(person1 instanceof Person);//true
5、isPrototypeOf() 判断某个实例是否有一个内部指针[[prototype]]指向该原型对象
alert(Person.prototype.isPrototypeOf(person1));//true
6、Object.getPrototyprOf(object) 取得一个对象的原型
alert(Object.getPrototyprOf(person1)==Person.prototype);//truealert(Object.getPrototypeOf(person1).name);//Chiaki
适用于IE9+、Firefox 3.5+、Safari 5+、Opera 12+和Chrome
7、hasOwnProperty()检测一个属性是否存在于实例中,还是存在原型中。
alert(person1.hasOwnProperty("name"));//falseperson1.name="Wu";alert(person1.hasOwnProperty("name"));//true
8、hasPrototypeProperty() 方法判断属性是否存在于原型中。
var person =new Person();alert(hasPrototypeProperty(perso,"name"));//trueperson.name="Wu";//重写person.name,原型中的name属性被屏蔽,则访问到的name属性来自实例personalert(hasPrototypeProperty(person,"name");//false
9、Object.keys()
方法接收一个对象作为参数,返回一个包含所有可枚举属性的字符串数组。
适用于IE9+、Firefox 4+、Safari 5+、Opera 12+和Chrome
var keys=Object.keys(Person.prototype);alert(keys);//"name,age,job,sayName"var p1=new Person();p1.name="Wu";p1.age=20;var p1Keys=Object,keys(p1);alert(p1Keys);//"name,age"
10、Object.getOwnPropertyNames()返回所有实例属性
适用于IE9+、Firefox 4+、Safari 5+、Opera 12+和Chrome
var keys=Object.getOwnPropertyNames(Person.prototype);alert(keys);//“constructor,name,age,job,sayName"
11、isPrototypeOf()方法,只要是原型链中出现过的原型,都可以说是该原型链所派生的实例的原型。
alert(Object.protopyte.isPrototypeOf(instance));//truealert(SuperType.prototype.isPrototypeOf(instance));//truealert(SubType.prototype.isPrototypeOf(instance));//true
- javascript面向对象学习笔记(四)——常用方法/属性
- javascript面向对象学习笔记(一)——属性
- javascript学习笔记—DOM常用API、属性、方法、函数
- [笔记]javascript面向对象 - 属性
- JavaScript学习点滴—js对象的四种类型的属性、方法的访问
- javascript学习笔记 (四)-面向对象的实现
- javascript 面向对象基础(三)面向对象的常用属性和方法
- JavaScript面向对象程序设计——属性
- Python学习笔记(面向对象-类-方法-属性)
- javascript内置对象常用属性和方法(笔记一)
- javascript内置对象常用属性和方法(笔记二)
- javascript内置对象常用属性和方法(笔记三)
- JavaScript学习笔记——面向对象编程(OOP)
- javascript面向对象学习笔记(三)——继承
- javascript面向对象学习笔记(五)——模块化
- JavaScript入门学习笔记(3)—— 面向对象
- JavaScript面向对象学习笔记——闭包
- javascript面向对象学习笔记
- 深度学习试验之 多层感知器
- 运行时简单使用-->获取对象的属性(class_copyIvarList)
- Material之Behavior实现支付宝密码弹窗 仿淘宝/天猫商品属性选择
- hdu 3723 Delta Wave
- eclipse的run as里面没有run on server
- javascript面向对象学习笔记(四)——常用方法/属性
- 《礼记》的礼
- RXJava详解
- 名人名言录
- hdu 2068 RPG的错排
- 稳定婚姻问题
- 深层次认知单例模式(Singleton)
- 学了很久的android,你可能还是没有理解清楚的Context
- 司马迁与《史记》