[TOC] > [參考代碼](http://www.ruanyifeng.com/blog/2010/05/object-oriented_javascript_encapsulation.html) ## 實例 ### demo1 ``` var cookie ={ name:'acas', setCookie:function () { alert("asd"); } } alert(cookie.name) alert(cookie.setCookie) ``` #### demo2 缺點:浪費內存 ``` function Cat(name,color){ this.name=name; this.color=color; this.func = function (param) { alert(this.name+param); } } var cat1 = new Cat('asd1',"aaa"); cat1.func("haha") ``` ## 面向對象 ### 通過原型鏈 ``` function Cat(name,color){ this.name=name; this.color=color; } Cat.prototype.func=function (parma) { alert(this.name+parma); } //實例化調用 var cat1 = new Cat('asd1',"aaa"); cat1.func("haha") //不實例化,直接調用 Cat.prototype.func("asd") ``` ### 構造函數的繼承 方法一:構造函數綁定 ``` function Animal(){ this.species = "動物"; } function Cat(name,color){ Animal.apply(this, arguments); this.name = name; this.color = color; } //實例化調用 var cat1 = new Cat('asd1',"aaa"); alert(cat1.species); ``` 方法二: prototype模式 ``` function Animal(){ this.species = "動物"; } function Cat(name,color){ this.name = name; this.color = color; } Cat.prototype = new Animal(); var cat1 = new Cat("大毛","黃色"); alert(cat1.species); // 動物 ```