面向对象的程序设计

面向对象的程序设计

JavaScript三类对象两类属性术语：

内置对象 ：数组、函数、日期、正则表达式。
宿主对象 ： 网页结构的htmlElement对象 （宿主对象也可以当成内置对象）。
自定义对象：由运行的js代码创建的对象。
自有属性 ：直接在对象中定义的属性。
继承属性 ：对象的原型对象中定义的属性。

1.什么是对象

ECMA-262把对象定义为：“无序属性的集合”，属性值可以包含基本值、对象或者函数，严格来将这就相当于说对象是一组没有特定顺序的值。

1. 是JavaScript的基本数据类型。
2. 是一种复合值（复合值（原始值和其他对象）就是将很多值聚合在一起）可以通过名字访问这些值。
3. 是属性的无序集合-每个属性都是名/值对（看成字符串到值的映射）。
   无序集合这种数据结构有很多种叫法（“散列” “散列表” “字典” “关联数组”）。

对象还能从原型的对象继承属性 对象的方法通常是继承的属性（“又叫做原型式继承” 是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语句
*/