js面向对象

JavaScript面向对象

准确的说JavaScript是基于对象，而不是面向对象，因为没有想像 java 那样的类

一、简单创建对象

var o = new Object();
   o.name = 'hang';
   o.age = 21;
   o.sayName = function(){
       console.log(this.name);
   };
   o.sayName();   // 'hang'
   
   //使用字面量创建，和以上代码相等
var o={
   name:'hang',
   age:21,
   sayName:funciont(){
       console.log(this.name);
   } 
};
o.sayName();   // 'hang'

使用以上的方法创建对象很简单，但是缺点也是非常明显的，如果再次创建相同属性和方法的对象的时候，还要把代码复制一遍，会导致很多代码重复。

工厂模式

function createObj(name,age){
	var o=new Object();
	o.name=name;
	o.age=age;
	o.sayName=function(){
		console.log(this.name);
	}
	return o;
}
var p1=createObj('xuhang',21);
var p2=createObj('Tomoya',22);
p1.sayName(); // 'xuhang'
p2.sayName(); // 'Tomoya'
console.log(typeof p1); // object
p1 instanceof createObj //false  无法判断类型

用工厂模式来创建对象，实现了一套属性和方法可以实现多个对象可以使用，可以传递参数，但主要缺点是无法识别对象类型。

构造函数模式

function CreateObj(name,age){
	this.name=name;
	this.age=age;
	this.sayName=function(){
		console.log(this.name);
	};
}		
var p1=new CreateObj('xuhang',21);
var p2=new CreateObj('Tomoya',22);
p1.sayName(); // xuhang
console.log(p1 instanceof CreateObj); // true 可以判断类型

用构造函数模式，解决了工厂模式中不能判断对象类型的问题，还有必须要用new 关键字来创建对象。new关键字相当于执行了一下几步。

1. 创建一个新对象
2. 将构造函数的作用域赋值给这个新对象(因此this就是指向了这个新对象)
3. 执行这个构造函数的代码(为这个对象添加属性)
4. 返回新对象

使用构造函数创建的对象都有一个constructor属性，该属性可以标识对象类型,但一般我们还是常用instanceof来判断对象类型, 因为constructor属性仅返回构造函数类型。

p1.constructor === CreateObj   //true
p1.constructor === Object      //false

p1 instanceof createObj   // true
p1 instanceof Object     //true

不使用new时，函数的作用域会是全局作用域，this就会指向window对象。

构造函数也存在问题，每个方法都要在实例上创建一遍。也就是说p1和p2的sayName()方法虽然作用相同，但这两个方法并不是同一个函数。

p1.sayName==p2.sayName	  //false