JS對象創建的幾種方式

ixlei 發布于2019-08-26 10:23 / 1162人閱讀

摘要：上述每次都需要寫可以優化但是此處改變了的屬性，故我們需要顯示的指出構造函數和原型組合模式二創建空對象前兩種方式創建的對象含有原型，最后一種方式創建的對象無原型，是真正意義上的空對象參考資料

一.創建對象的幾種方式 1. 使用new關鍵字創建

var ob = new Object()
ob.name = "name"
ob.say = function() {}

2.使用字面量的方式創建

var ob = {
name: "name",
say: function() {}
}

3.使用工廠模式創建

批量創建對象的方式

function createOb (name){
    var ob = new Object()
    ob.name = name
    ob.say = function() {}
    return ob
}
var ob1 = createOb("zhang")
var ob2 = createOb("san")

4.構造函數的方式創建

構造函數需要大寫

function Parent(name) {
    this.name = name
    this.say = function() {}
}
var child1 = new Parent("child1")
var child2 = new Parent("child2")

5. 原型方式創建

當我們創建一個函數時，該函數就會具備一個prototype屬性，這個屬性指向通過構造函數創建的那個函數的原型對象。通俗點講原型對象就是內存中為其他對象提供共享屬性和方法的對象。

function Parent2(name) {
    Parent2.prototype.name = name
    Parent2.prototype.say = function() {}
}

上述每次都需要寫Parent2.prototype,可以優化

function Parent3() {}
Parent3.prototype = {
    name: "name"
    say: function(){}
}
var ob = new Parent3

但是此處改變了Parent3的constructor 屬性，故我們需要顯示的指出constructor

function Parent4() {}
Parent4.prototype = {  
    constructor: Parent4,
    name: "name",
    say: function() {}
}
var ob = new Parent4()

6.構造函數和原型組合模式

function Parent5(name) {
    this.name = name
}
Parent5.prototype = {
    constructor: Parent5,
    say: function() {}
}
var ob = new Parent5("zhang")

二創建空對象

var ob1 = {}
var ob2 = new Object()
var ob3 = Object.create(null)

前兩種方式創建的對象含有原型，最后一種方式創建的對象無原型，是真正意義上的空對象

參考資料

https://segmentfault.com/a/11...

GPU云服務器云服務器 java創建對象的幾種方式 js繼承的幾種方式服務器請求的幾種方式 js創建對象方式

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/106086.html

js 創建對象的幾種方式

摘要：可以無數次地調用這個函數，而每次它都會返回一個包含三個屬性一個方法的對象構造函數模式原型模式組合使用構造函數模式和原型模式創建自定義類型的最常見方式，就是組合使用構造函數模式與原型模式。 JS中創建對象的主要模式有工廠模式工廠模式抽象了具體創建對象的過程例如 function?createPerson(name,?age,?job){ ????var?o?=?new?Object(...

seanlook 2019-08-22 14:03 評論0 收藏0
在Js中創建對象的幾種方式

摘要：對象字面量的方式今年創建實例的發明者我是今年屬性是可以動態添加，修改的構造函數無參構造函數有參構造函數我叫，今年歲實例化創建對象調用方法由于指針在對象實例的時候發生改變指向新的實例。是我的名字混合方式構造函數原型我是，今年 javascript創建對象簡單的說,無非就是使用內置對象或各種自定義對象，當然還可以用JSON；方法很多，也能混合使用。對象字面量的方式： var pers...

willin 2019-08-21 11:43 評論0 收藏0
JS中創建對象的幾種設計模式

摘要：構造函數模式定義構造函數模式是語言創建對象的通用方式。但兩種語言用構造函數創建對象的方式略有不同在中沒有類的概念，函數即為一等公民，因此，不必顯式聲明某個類，直接創建構造函數即可，類的方法和屬性在構造函數中或原型對象上處理。工廠模式定義：工廠模式非常直觀，將創建對象的過程抽象為一個函數，用函數封裝以特定接口創建對象的細節。通俗地講，工廠模式就是將創建對象的語句放在一個函數里，通...

Galence 2019-08-23 15:34 評論0 收藏0
js面向對象淺析---對象創建的幾種常見方式

摘要：前言雖然使用構造函數或者使用對象字面量可以很方便的用來創建一個對象，但這種方式有一個明顯的缺點使用一個接口創建多個對象會產生很多冗余的代碼。即調用構造函數所創建的那個對象的原型對象好處是可以讓所有對象的實例共享他的屬性的方法。前言雖然使用Object構造函數或者使用對象字面量可以很方便的用來創建一個對象，但這種方式有一個明顯的缺點：使用一個接口創建多個對象會產生很多冗余的代碼。因此...

Invoker 2019-08-21 10:46 評論0 收藏0
細節：js 創建對象的幾種模式舉例

摘要：工廠模式不推薦應該把方法放在函數的外面，避免重復創建該方法定義的不是構建函數，因該使用方法創建實例，而不是方法不要忘記在函數的最后構造函數模式不推薦使用指代，函數無需明確應該把方法放在函數的外面，避免重復創建該方法原型模式不推薦函數中不對屬工廠模式（不推薦） var sayName = function(){ return this.name; }; function cr...

laznrbfe 2019-08-19 17:08 評論0 收藏0