javascript

面向对象的封装：

把猫看作一个对象，有名字和颜色属性。原始模式如下：

var cat={name:' ',color:' '}

 生成两个实例对象：

var cat1={}//创建一个新对象
cat1.name=‘大毛’;//按照原型对象的属性赋值
cat1.color='黄色';
var cat2={}
cat2.name='二毛';
cat2.color='黑色';

 用函数解决代码重复的问题：

function Cat(name,color) {
　　　　return {
　　　　　　name:name,
　　　　　　color:color
　　　　}
　　}
       var cat1 = Cat("大毛","黄色");//调用函数，生成实例对象。
　　var cat2 = Cat("二毛","黑色");

 但是上述cat1,2之间没有内在的联系，不能反映出是同一个原型对象的实例。

构造函数的模式：

为了解决从原型对象生成实例的问题，Javascript提供了一个构造函数（Constructor）模式。

所谓"构造函数"，其实就是一个普通函数，但是内部使用了this变量。对构造函数使用new运算符，就能生成实例，并且this变量会绑定在实例对象上。

　function Cat(name,color){
　　　　this.name=name;
　　　　this.color=color;
　　}
   var cat1 = new Cat("大毛","黄色");
　　var cat2 = new Cat("二毛","黑色");
　　alert(cat1.name); // 大毛
　　alert(cat1.color); // 黄色

 这时cat1和cat2会自动含有一个constructor属性，指向它们的构造函数。

alert(cat1.constructor == Cat); //true
alert(cat2.constructor == Cat); //true

  Prototype模式

Javascript规定，每一个构造函数都有一个prototype属性，指向另一个对象。这个对象的所有属性和方法，都会被构造函数的实例继承。

这意味着，我们可以把那些不变的属性和方法，直接定义在prototype对象上。 

　function Cat(name,color){
　　　　this.name = name;
　　　　this.color = color;
　　}
　　Cat.prototype.type = "猫科动物";
　　Cat.prototype.eat = function(){alert("吃老鼠")};
   var cat1 = new Cat("大毛","黄色");
　　var cat2 = new Cat("二毛","黑色");
　　alert(cat1.type); // 猫科动物
　　cat1.eat(); // 吃老鼠

 极简主义：

var Cat = {
	createNew: function(){ //使用指定的原型对象和其属性创建了一个新的对象
		var cat = {};
			cat.name = "大毛";
			cat.makeSound = function(){ alert("喵喵"); };
			return cat;
		}
	}
var cat1 = Cat.createNew();
cat1.makeSound();

 首先，它也是用一个对象模拟"类"。在这个类里面，定义一个构造函数createNew()，用来生成实例。使用的时候，调用createNew()方法，就可以得到实例对象。