怎么在JavaScript中創建對象

本篇文章給大家分享的是有關怎么在JavaScript中創建對象，小編覺得挺實用的，因此分享給大家學習，希望大家閱讀完這篇文章后可以有所收獲，話不多說，跟著小編一起來看看吧。

一、基本模式

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") 目的是為了防止創建多個對象時，方法執行多次

JavaScript的特點

1.JavaScript主要用來向HTML頁面添加交互行為。 2.JavaScript可以直接嵌入到HTML頁面，但寫成單獨的js文件有利于結構和行為的分離。 3.JavaScript具有跨平臺特性，在絕大多數瀏覽器的支持下，可以在多種平臺下運行。

以上就是怎么在JavaScript中創建對象，小編相信有部分知識點可能是我們日常工作會見到或用到的。希望你能通過這篇文章學到更多知識。更多詳情敬請關注億速云行業資訊頻道。