面向对象的程序设计——理解对象
来源:互联网 发布:v字仇杀队v是谁知乎 编辑:程序博客网 时间:2024/05/22 07:07
简介
OOP特点:都有类的概念,通过类可以创建任意多个具有相同属性和方法的对象
ECMAScript对象:无序属性的集合,其属性可以包含基本值、对象和函数
例如:对象字面量
var person={ name:"Mike", age:29, job:"teacher", sayName:function () { alert(this.name); } }
person对象有自己的属性和方法
属性类型
1.ECMAScript在定义只有内部采用的特性时,描述了属性的各种特征。这些特性是为了实现JavaScript引擎用的,所以在JavaScript中不能直接访问它们。
2.规范把特性值放在两对方括号中,如[[Enumerable]]
3.ECMAScript中有两种属性:数据属性和访问器属性
数据属性
特点:包含一个数据值的位置,在这个位置可以读取和写入
特性:
(1)[[Configurable]]:表示能否通过delete删除属性,修改属性特性从而重新定义属性
(2)[[Enumerable]]:表示能否通过for-in循环返回属性
(3)[[Writable]]:表示能否修改属性的值
(4)[[Value]]:包含这个属性的数据值
Object.defineProperty()
1.修改属性默认的特性。
2.接收三个参数:属性所在对象、属性的名字和一个描述符对象(必须是configurable、enumerable、writable和value)
3.在调用Object.defineProperty()方法创建新属性时,如果不指定,configurable、enumerable和writable特性的默认值都是false
4.如果设置configurable为false,相当于把属性定义为不可设置的,就不能把它变为原来配置,只能修改writable的值
例如
var person={}; Object.defineProperty(person,"name",{ writable:false, value:"mike" }); console.log(person.name); person.name = "xiao"; console.log(person.name);
结果
例如
var person={}; Object.defineProperty(person,"name",{ configurable:false, value:"mike" }); Object.defineProperty(person,"name",{ configurable:true, value:"mike" });
结果
访问器属性
1.访问器属性不包含数据值
2.getter和setter函数分别负责返回有效的值和传入新值
3.不能直接定义,必须使用Object.defineProperty()来定义
4.在这个方法之前,使用__defineGetter__和__defineSetter__
特性:
(1)[[Configurable]]:表示能否通过delete删除属性,修改属性特性从而重新定义属性
(2)[[Enumerable]]:表示能否通过for-in循环返回属性
(3)[[Get]]:在读取属性时调用的函数
(4)[[Set]]:在写入属性时调用的函数
例如
var person={ _name:"mike"//下划线是一种记号,用于表示只能通过对象方法访问的属性 }; Object.defineProperty(person,"name",{ get:function () { return this._name; }, set:function (newValue) { this._name = newValue; return this._name; } }); console.log(person.name); person.name = "xiao"; console.log(person.name);
结果
分析:name是访问器属性。使用访问器属性的常见方式,即设置一个属性的值导致其他属性的变化
定义多个属性
Object.defineProperties()
特点:
(1)接收两个对象参数:属性所在的对象,属性
(2)属性同一时间创建
例如
var person = {}; Object.defineProperties(person, { name: { writable: true, value: "mike" }, age: { writable: true, value: 19 } }); console.log(person.name); person.name = "xiao"; console.log(person.name); console.log(person.age);
结果
读取属性的特性
Object.getOwnPropertyDescriptor()
特点:
(1)接收两个参数:属性所在的对象,要读取其描述符的属性名称
(2)返回值是一个对象,如果是数据属性,则对象的属性有configurable、enumerable、writable和value;如果是访问器属性,则对象的属性有configurable、enumerable、get和set
例如
var person = {}; Object.defineProperties(person, { name: { writable: true, value: "mike" }, age: { writable: true, value: 19 } }); var descriptor = Object.getOwnPropertyDescriptor(person,"name"); console.log(typeof descriptor); console.log(typeof descriptor.writable); console.log(descriptor.value); console.log(descriptor.writable);
结果
总结
(1)ECMAScript没有类的概念,所以它的对象和其他基于类的语言的对象不同。但是它的对象类似类,有自己的属性和方法
(2)属性类型分为数据属性和访问器属性
(3)属性有自己内部的特性,描述了属性的各种特征。如果是数据属性,有configurable、enumerable、writable和value;如果是访问器属性,有configurable、enumerable、get和set
(4)Object.defineProperty()用于修改属性默认的特性;Object.defineProperties()用于一次性定义多个属性;
Object.getOwnPropertyDescriptor()用于取得给定属性的描述符
参考
《JavaScript高级程序设计(第3版)》
- 面向对象程序设计——理解对象
- 面向对象的程序设计——理解对象
- 面向对象的程序设计(理解对象)
- 【C/S】——面向对象的程序设计概念理解
- 面向对象的程序设计——理解继承
- 面向对象的程序设计——(一)理解对象的属性以及属性的特性
- 面向对象程序设计的一些理解
- 面向对象的程序设计~再理解
- js温故而知新—面向对象的程序设计
- java学习——理解面向对象程序设计
- 5、理解面向对象程序设计——封装
- Java SE——深入理解面向对象程序设计
- 5、理解面向对象程序设计——封装
- 面向对象程序设计--概念理解
- 8:理解面向对象程序设计
- JavaScript之理解对象(面向对象的程序设计)
- 面向对象的程序设计——创建对象
- 面向对象程序设计——什么是对象
- hadoop 初识,环境配置,运行demo
- ios中的单例模式
- 提交到远程库
- UItableView Cell 高度自适应--随着多个label内容变化自适应
- Python 基本语法
- 面向对象的程序设计——理解对象
- h
- Oracle 常用 SQL 语句大全
- 使用百度Ueditor编辑器的时候,如何才能获取图片的保存路径,即src的值,以便满足需求:将路径存入数据库
- quartz spring 实现动态定时任务
- android 如何在service中定时请求网络
- 删除日志文件+日志文件组/日志文件状态+删除日志文件组
- 值得推荐的一款WEB前端开发必备谷歌浏览器扩展插件--Visual Event
- 分治法——循环赛事日程表