面向对象的程序设计
JavaScript三类对象两类属性术语:
内置对象 :数组、函数、日期、正则表达式。
宿主对象 : 网页结构的htmlElement对象 (宿主对象也可以当成内置对象)。
自定义对象:由运行的js代码创建的对象。
自有属性 :直接在对象中定义的属性。
继承属性 :对象的原型对象中定义的属性。
1.什么是对象
ECMA-262把对象定义为:“无序属性的集合”,属性值可以包含基本值、对象或者函数,严格来将这就相当于说对象是一组没有特定顺序的值。
- 是JavaScript的基本数据类型。
- 是一种复合值(复合值(原始值和其他对象)就是将很多值聚合在一起)可以通过名字访问这些值。
- 是属性的无序集合-每个属性都是名/值对(看成字符串到值的映射)。
无序集合这种数据结构有很多种叫法(“散列” “散列表” “字典” “关联数组”)。
对象还能从原型的对象继承属性 对象的方法通常是继承的属性(“又叫做原型式继承” 是js的核心特征)。
2.1 对象的常用方法
创建(create) 、设置(set) 、 查找(query) 、 删除(delete) 、 检测(test) 、 枚举(enumerate) 它的属性
检查 test :
1、 in 操作符 如果对象自我属性和继承属性包含这个属性则返回true。
2、hasOwnProperty() 检查给定的名字是否是自有属性 对于继承属性它返回false。
3、propertyIsEnumerable() 是 hasOwnProperty() 的增强版 只有检测到只有属性且这个属性的可枚举为true时才返回tru。
var o = {x:1};
"x" in o; //true
"y" in o; //false
"toString" in o; //true
o.hasOwnProperty("x"); //true
o.hasOwnProperty("y"); //false
o.hasOwnProperty("toString"); //flase
2.2 对象的属性
属性名:包括空字符串在内的任何字符串 (但对象中不能存在2个同名属性)。
属性值:任何javascript值 或者是一个getter和setter函数(或2者都有)。
(除了名字和值外,每个属性还有一些相关的值(属性特性))
2.3 属性特性
可写 writable:表明能否设置该属性的值。
可枚举 enumerable:表名能否通过for/in循环返回该属性。
可配置 configurable:表明是否可以删除或修改该属性。
(除了包含属性外,每个对象还有3个相关的对象特性)
Object.getOwnPropertyDescript() 得到只有属性的描述符
Object.getPeototypeof() 获得继承属性的特性
Object.definePeoperty() 设置属性的特性和让新建属性具有某种特性
Object.defineProperties() 修改或者创建多个属性(第一个参数是修改的对象,第二个参数是一个映射表)
//通过调用 Object.getOwnPropertyDescript() 方法可以获得某个对象特定的属性的属性描述
//数据属性
//返回{value:1, writable:true, enumerable:true, configurable:true}
Object.getOwnPropertyDescript({x : 1} , "x");
//存取器属性
var random = {
get octet(){
return Math.floor(Math.random()*256);
},
get octet16(){
return Math.floor(Math.random()*35536);
},
};
//返回{get:function, set:undefined, enumerable:true, configurable:true}
Object.getOwnPropertyDescript(random,"octet");
//对于继承和不存在的属性返回undefined
Object.getOwnPropertyDescript({},"x"); // undefined 不存在这个属性
Object.getOwnPropertyDescript({},"toSting"); //undefined 继承属性
//通过Object.definePeoperty() 设置属性的特性和让新建属性具有某种特性
//传入要修改的对象,要创建或者修改的属性的名称以及属性描述符对象
var o = {}; //创建以个空对象
//添加一个不可以枚举的数据属性x,并赋值为1
Object.definePeoperty(o,"x"{value : 1,
writable:true,
enumerable:false,
configurable:true});
2.3.1 属性的查询与设置
通过点( . )或方括号 ( [ ] )运算符来获取属性和给属性赋值
// 获取属性
var author = book.author; //得到book的"author"属性
var name = author.surname; //得到author的"surname"属性
avr title = book["main title"] //得到book的"main title"属性
//设置属性
book.edition = 6;
book["main title"] = "ECMAScript";
2.4 对象特性
对象的原型:指向另外一个对象,本对象的属性继承自它的原型对象。
对象的类:是一个标识对象类型的字符串。
对象的扩展标记:指明了是否能向该对象添加新属性。
2.对象的创建
对象的创建:可以通过关键字new 对象直接量 和ECMAScript5中的Object.create()函数来创建对象
//1、关键字new创建
var o = new Object(); // 创建一个空对象 和{}一样
var a = new Array(); // 创建一个空数组 和[]一样
var d = new Date(); //创建一个表示当前时间的Data对象
var r = new RegExg("js") //创建一个可以进行模式匹配的RegExp 的对象
var person = new Object();
person.name = "Nicholas";
person.age = 29;
person.job = function(){
console.log(this.name);
};
//2、对象字面量创建
var empty = {} //没有任何属性和对象
var point = { //两个属性
x : 0,
y : 0
}
var point2 = { //更复杂的值
x : poingt.x,
y : poing.y
}
var book = {
"main title" : "JavaScript", //属性名有空格必须用字符串表示
"sub-title" : "The Definitive Guide", //属性名有连字符必须用字符串表示
"for" : "all audiences", //属性名有保留字必须字符串表示
author : { //属性的值是一个对象
firstname : "Dacid",
surname : "Flanagan"
}
}
var person = {
name : "Nicholas",
age : 29,
job : function(){
console.log(this.name);
}
};
//3.Object.create()创建 (通过这种方法创建的不会继承任何属性和基础方法)
var o1 = Object.create({
x : 1,
y : 2
});
//o2和{}和new Object() 一样
var o2 = Object.create(Object.prototype);
问题:虽然object 构造函数或字面量都能创建单个对象,但这些方法有个共同的缺点:使用一个接口创建很多对象,会产生大量的重复代码。
解决:使用 工厂模式 的一种变体。
2.1工厂模式 (这种模式抽象了创建具体的过程)
//工厂模式(封装函数)
function createPerson (name, age){
//原料
var o = new Object();
//加工
o.name = name;
o.age = age;
o.sayName = function(){
console.log(this.name);
}
//出厂
return o;
}
var person1 = createPerson("张三",18);
var person2 = createPerson("李氏",20);
问题:虽然工厂模式解决了创建多个相似的问题,但是没有解决对象识别的问题(即怎么知道一个对象的类型)。
解决:使用构造函数。
2.2构造函数模式
/*
1、构造函数可以创建特定的对象(比如: Object Array等这样的原生构造函数)。
2、也可以创建自定义的构造函数,从而定义自定义的属性和方法。
*/
function Person(name, age){
this.name = name;
this.age = age;
this.sayName = function(){
console.log(this.name);
}
}
var person1 = new Person("张三",18);
var person2 = new Person("李氏",20);
/**
1、没有显式的创建对象
2、直接将属性和方法赋值给了this对象
3、没有return语句
*/