JavaScript面向对象属性类型
2017-03-30 11:03
267 查看
属性类型
数据属性[configurable]:表示能否通过delete删除属性从而重新定义属性,能否修改属性的特性,或者能否把属性修改为访问器属性。默认值为true
[Enumerable]:表示能否通过for-in循环返回属性。默认值为true
[Writable]:表示能否修改属性的值。默认值为true
[Value]:包含这个属性的值。默认值为undefined
–>要修改属性默认的特性,必须使用ECMAScript5的object.defineProoerty()方法。这个方法接收三个参数:属性所在的对象、属性的名字和一个描述符对象。其中描述符(descriptor)对象的属性必须是:configurable,enumerable,writable和value。`代码如下
var person = {}; Object.defineProperty(person, "name", { writable: false, value: "Nicholas" }); alert(person.name); person.name = "Michael"; alert(person.name);
访问器属性
访问器属性不包含数据值,它们包含以对getter和setter函数。在读取访问器属性时,会调用getter函数,这个函数负责返回有效地值;在写入访问器属性时,会调用setter函数并传入新值,这个函数负责决定如何处理数据。访问器属性有4个特性。
[configurable]:表示能否通过delete删除属性从而重新定义属性,能否修改属性的特性,或者能否把属性修改为访问器属性。默认值为true
[Enumerable]:表示能否通过for-in循环返回属性。默认值为true
[get]:在读取属性时调用的函数。默认值为undefined
[set]:在读入属性时调用的函数。默认值为undefined
访问器属性不能直接定义,必须使用object.defneProperty()来定义。代码如下
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
读取属性特征
object.getOwnPropertyDescriptor()方法可以取得给定属性的描述符。这个方法接受两个参数L属性所在的对象和要读取器描述符的属性名称。返回值是一个对象,如果是访问器属性,这个对象属性有configurable,enumerable,get,set;如果是数据属性,这个对象的属性有configurable,enumerable,writable,value。代码如下
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); //2004 alert(descriptor.configurable); //false alert(typeof descriptor.get); //"undefined" var descriptor = Object.getOwnPropertyDescriptor(book, "year"); alert(descriptor.value); //undefined alert(descriptor.enumerable); //false alert(typeof descriptor.get); //"function"
`
相关文章推荐
- javascript面向对象基础——作用域、闭包、模拟私有属性
- JavaScript学习10 JS数据类型、强制类型转换和对象属性
- JavaScript获取对象所有属性,显示变量类型
- JavaScript 对象的属性类型
- JavaScript对象中的属性能否有对象类型
- JavaScript之面向对象学习五(JS原生引用类型Array、Object、String等等)的原型对象介绍
- 【javascript基础篇】——面向对象动态加载属性和方法
- javascript 理解对象--- 属性类型
- 面向对象设计-----属性类型 读取属性特性
- Javascript基础与面向对象基础~第二讲 Javascript中的变量及变量的类型
- 解析JavaScript面向对象概念中的Object类型与作用域
- JavaScript 对象的属性和方法4种不同的类型
- Javascript学习笔记:对象的属性类型
- JavaScript HTML DOM节点类型之Document类型(Document对象属性和Document对象集合属性)
- javascript对象的属性类型
- 解析JavaScript面向对象概念中的Object类型与作用域
- javascript 面向对象基础(三)面向对象的常用属性和方法
- javascript面向对象属性函数用法(defineProperty与getOwnPropertyDescriptor)
- javascript基础(对象,对象属性,属性基本和引用数据类型,字面量创建对象,垃圾回收,属性的枚举)(十三)