js面向对象封装

/**
 * 一、 生成实例对象的原始模式                            主要用于初始化方法
 */
var cat1 = {}; // 创建一个空对象
　　　　cat1.name = "大毛"; // 按照原型对象的属性赋值
　　　　cat1.color = "黄色";
var cat2 = {};
　　　　cat2.name = "二毛";
　　　　cat2.color = "黑色";
cat2.init=function(){         //原型对象的方法
alert('init');
}
alert(cat1.name+"   "+cat2.name);
cat2.init();

/**
 * 二、 原始模式的改进
 */
function Cat(name,color) {
　　　　return {
　　　　　　name:name,
　　　　　　color:color
　　　　}
　　}
var cat1 = Cat("大毛","黄色");
var cat2 = Cat("二毛","黑色");
/**
 * 三、 构造函数模式
 */
function aCat(name,color){
　　　　this.name=name;
　　　　this.color=color;
　　}
var acat1 = new aCat("大毛","黄色");
　　var acat2 = new aCat("二毛","黑色");
　　alert(acat1.name); // 大毛
　　alert(acat1.color); // 黄色


/**
 * 四、构造函数模式的问题,  多余属性浪费内存
 */
function bCat(name,color){
　　　　this.name = name;
　　　　this.color = color;
　　　　this.type = "猫科动物";
　　　　this.eat = function(){alert("吃老鼠");};
　　}
var bcat1 = new bCat("大毛","黄色");
　　var bcat2 = new bCat ("二毛","黑色");
　　alert(bcat1.type); // 猫科动物
　　bcat1.eat(); // 吃老鼠


/**
 * 五、 Prototype模式, 提高内存效率                                    比较复杂的事情下使用,常用
 */
function cCat(name,color){
　　　　this.name = name;
　　　　this.color = color;
　　}
　　cCat.prototype.type = "猫科动物";
　　cCat.prototype.eat = function(){alert("吃老鼠")};
var ccat1 = new cCat("大毛","黄色");
　　var ccat2 = new cCat("二毛","黑色");
　　alert(ccat1.type); // 猫科动物
　　ccat1.eat(); // 吃老鼠