在js中創建對象的方法可分為6種，分別是：基本模式、工廠模式、構造函數模式、原型模式、組合模式、動態原型模式，接下來分別看下這幾種模式的寫法吧
一、基本模式
var person = new Object(); person.name = "孫悟空"; person.weapon = "棒子"; person.run = function () { return this.name + "武器是" + person.weapon; }二、工廠模式
function creatPerson(name, weapon) { var person = new Object(); person.name = "孫悟空"; person.weapon = "棒子"; person.run = function () { return this.name + "武器是" + person.weapon; } return person; }缺點：1、實例之間沒有聯系；2、沒有使用new關鍵字；3、會造成資源的浪費，每生成一個實例都會都會增加一些重復的內容
缺點3如何理解呢：在多次調用creatPerson方法時，創建對象的方法run會生成多個，雖然多個對象的方法都是一樣的。
構造函數解決了多個實列之間沒有聯系的問題，可以用instanceof判斷
三、構造函數模式
function creatPerson(name, weapon) { this.name = name; this.weapon = weapon; this.run = function () { return this.name + "武器是" + this.weapon; } } //調用創建對象 var wukou =new creatPerson("孫悟空", "棒子");缺點：沒有解決工廠模式浪費內存的缺點，每創建一個對象會增加很多重復的東西
為了解決這個問題請看原型模式
四、原型（Prototype）模式
js中規定，每一個構造函數都有一個prototype屬性，指向另一個對象，這個對象的所有屬性和方法，都會被構造函數的實例繼承，可以把那些不變的屬性和方法直接定義在prototype對象上
function personObj() { } personObj.prototype.name = "孫悟空"; personObj.prototype.weapon = "棒子"; personObj.prototype.run = function () { return this.name + "武器是" + this.weapon; } //創建對象 var person = new personObj(); //原型模式的另一種寫法 function personObj() { } personObj.prototype = { constructor: personObj,//強制指回personObj name: "孫悟空", weapon: "棒子", run: function () { return this.name + "武器是" + this.weapon; } }缺點：構造函數沒有參數，不能傳參初始化值，因為不同的對象可能只共享方法，但是不會共享屬性，為了解決這個問題請看構造函數和原型模式的組合模式，還解決了前面的所有缺點，Jquery就是使用的這種方法
五、組合模式
這樣，不同的實例可有自己特有的屬性，還有共享的方法
function personObj(name,weapon) { this.name = name; this.weapon = weapon; } personObj.prototype = { run: function () { return this.name + "武器是" + this.weapon; } } //創建對象 var wukou = new personObj("孫悟空", "棒子");雖然這種創建對象的方式已經夠我們使用了，平時使用這方式也沒有問題的，當然還有一點小問題：對象中的屬性和方法是分開的，請看動態原型方法
六、動態原型模式
function personObj(name, weapon) { this.name = name this.weapon = weapon if (typeof this.run != "function") { personObj.prototype = { run: function () { return this.name + "武器是" + this.weapon; } } } } //創建對象 var wukou = new personObj("孫悟空", "棒子");函數中使用 if (typeof this.run != "function") 目的是為了防止創建多個對象時，方法執行多次
以上所述是小編給大家介紹的js 創建對象的幾種方法詳解整合，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持！
新聞熱點
疑難解答
