【JavaScript学习】面向对象的程序设计(1)
来源:互联网 发布:linux通过终端发邮件 编辑:程序博客网 时间:2024/05/20 16:34
属性类型
数据属性
数据属性包含一个数据值的位置。在这个位置可以读取和写入值。
共有4个描述其行为的特性。
- [[Configurable]]:表示能否通过delete删除属性从而重新定义属性,能否修改属性的特性,或者能否把属性修改为访问器属性。对于直接在对象上定义的属性,默认为true。
- [[Enumerabel]]:表示能否通过for-in循环返回属性。对于直接在对象上定义的属性,默认为true。
- [[Writable]]:表示能否修改属性的值。对于直接在对象上定义的属性,默认为true。
- [[Value]]:包含这个属性的数据值。读取属性值的时候,从这个位置读;写入属性值的时候,把新值保存在这个位置。默认为undefined。
修改属性默认的特性,使用ECMAScript 5中的Object.defineProperty()方法。
/* Object.defineProperty() * param: * param1——属性所在的对象 * param2——属性的名字 * param3——一个描述符对象(描述符对象的属性必须是: * Configurable、Enumerabel、Writable、Value) */ var person = {}; Object.defineProperty(person,"name",{ writable:false, value:"Nicholas" }); console.log(person.name); //Nicholas person.name = "Greg"; console.log(person.name); //Nicholas
调用Object.defineProperty()方法创建一个新的属性时,如果不指定,Configurable、Enumerabel、Writable特性的默认值都是false,如果调用Object.defineProperty()只是修改已定义的属性的特性,则无此限制。
访问器属性
包含一对getter和setter函数(都不是必须的)。
在读取访问器属性时,会调用getter函数,返回有效的值;在写入访问器属性时,会调用setter函数,传入新值。
访问器属性有如下4个特性:
- [[Configurable]]:表示能否通过delete删除属性从而重新定义属性,能否修改属性的特性,或者能否把属性修改为数据属性。对于直接在对象上定义的属性,默认为true。
- [[Enumerabel]]:表示能否通过for-in循环返回属性。对于直接在对象上定义的属性,默认为true。
- [[Get]]:在读取属性时调用的函数。默认为undefined。
- [[Set]]:在写入属性时调用的函数。默认为undefined。
访问器属性不能直接定义,必须使用Object.defineProperty()方法。
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;console.log(book.edition); //2
只有getter意味着属性不能写,尝试写入属性会被忽略,严格模式下,尝试写入只有getter函数的属性会抛出错误。
只有setter意味着属性不能度,尝试读会返回undefined,严格模式下会抛出错误。
定义多个属性
/* Object.defineProperties() * 可以通过描述符一次定义多个属性。 * param:接收两个对象参数 * param1——要添加和修改其属性的对象 * param2——其属性与第一个对象中要添加或修改的属性一一对应 */var book = { };Object.defineProperties(book,{ _year:{ writable:true, value:2004 }, edition:{ writable:true, value:1 }, year:{ get:function(){ return this._year; }, set:function(newValue){ if (newValue > 2004) { this._year = newValue; this.edition += newValue - 2004; } } }
读取属性的特性
/* Object.getOwnPropertyDescriptor() * 取得给定属性的描述符。 * param: * param1——属性所在的对象 * param2——要读取其描述符的属性名称 * return:返回值是一个对象 * 如果是访问器属性,则此对象的属性有configurable、enumerable、 * get和set; * 如果是数据属性,则此对象的属性有configurable、enumerable、 * writable和value。 */var book = {};Object.defineProperties(book, { _year: { writable: true, value: 2004 }, edition: { writable: true, 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");console.log(descriptor.value); //2004console.log(descriptor.configurable); //falseconsole.log(typeof descriptor.get); //undefinedvar decriptor = Object.getOwnPropertyDescriptor(book,"year");console.log(decriptor.value); //undefinedconsole.log(decriptor.enumerable); //falseconsole.log(typeof decriptor.get); //function
阅读全文
0 0
- 【JavaScript学习】面向对象的程序设计(1)
- 【JavaScript学习】面向对象的程序设计(2):创建对象
- JavaScript学习——面向对象的程序设计(一)
- JavaScript学习——面向对象的程序设计(二)
- JavaScript面向对象的程序设计1(创建对象)
- JavaScript的面向对象程序设计
- javascript 面向对象的程序设计
- JavaScript的面向对象程序设计
- JavaScript面向对象的程序设计
- JavaScript高级程序设计4--面向对象的程序设计(上)
- JavaScript高级程序设计4--面向对象的程序设计(下)
- javascript高级程序设计(第六章面向对象的程序设计)
- JavaScript高级程序设计(面向对象的程序设计)
- 《Javascript高级程序设计》面向对象的程序设计
- JavaScript高程学习笔记之面向对象的程序设计(6)
- JavaScript之理解对象(面向对象的程序设计)
- JavaScript学习--Item37 面向对象高级程序设计
- 【JavaScript学习】面向对象的程序设计(4):借用构造函数(经典继承)
- Oracle SQL练习
- Amazon S3介绍及实例util
- 关于Intellij IDEA的常用初始化配置
- 如何为不同的硬件配置选择合适的图表开发工具?
- Windows下C++ 串口编程实例
- 【JavaScript学习】面向对象的程序设计(1)
- 关于echarts的地图的渲染,根据一个值去判断地图上的点是否该报警!
- 关于RocketMQ顺序消息
- PLSQL安装配置
- 作为一名web前端开发工程师必备的IE6浏览器工具
- 规格模式(Specification Pattern)
- win10安装Numpy、Scipy、Matplotlib、Scikit-learn
- java的IO系统
- 护眼小工具