先建立一個Object實例,然後為它新增屬性和方法
var Person = new Object() Person.name = 'hl' Person.sayName = function () { console.log(this.name) }
物件字面量法是創建物件最快捷方便的方式,在許多場景下被使用。
var Person = { name: 'hl', sayName: function () { console.log(this.name) } }
物件字面量法的缺點是創建多個同類物件時,會產生大量重複程式碼,因此有了工廠模式。
工廠模式用函數封裝了建立物件的細節,呼叫函數時傳入物件屬性,然後傳回一個物件。
function createPerson (name) { return { name: name, sayName: function () { console.log(this.name) } } } var person = createPerson('hl') var person = new createPerson('hl') // 寄生构造函数模式
透過使用 new 運算子也可以獲得相同的結果,這種方法被稱為寄生建構函數模式,(應該)與直接呼叫函數沒什麼區別。
工廠模式雖然解決了創建多個同類物件的問題,卻無法辨識物件是哪種特定類型。
透過建構子建立的對象,可以使用 instanceof 運算子可以確定物件的型別。依照程式設計慣例,建構函式命名應該要大寫,以和普通的函數區分開來。
function Person (name) { this.name = name this.sayName = function () { console.log(this.name) } } p = new Person('hl') p instanceof Person // true
建構子的特點:
沒有顯示的建立物件
屬性與方法直接賦值給this
沒有return 語句
使用new 運算子建立物件
function Person () { } var p = new Person() Person.prototype.name = 'hl' Person.prototype.sayName = function () { console.log(this.name) } p.sayName() // hl
原型模式也並非沒有缺點,第一,原型模式不能傳遞初始化參數,導致每個實例都會獲得相同的屬性;第二,對於引用類型的值,所有實例引用的是同一個對象,看下面的範例:
function Person () { } Person.prototype.relative = ['father','mother'] var person1 = new Person() var person2 = new Person() person1.relative.push('sister') console.log(person2.relative) // [ 'father', 'mother', 'sister' ]
function Person (name) { this.name = name } Person.prototype.sayName = function () { console.log(this.name) }
function Person(name) { this.name = name if (typeof this.sayName !== 'function') { Person.prototype.setName= function (name) { this.name = name } Person.prototype.sayName = function () { console.log(this.name) } } }
function Person (name) { return { sayName: function () { console.log(name) } } } var person = Person('hl')
以上是創建物件的有哪幾種模式?的詳細內容。更多資訊請關注PHP中文網其他相關文章!