2. 程式人生 > 實用技巧 >JS中的幾種物件建立模式

JS中的幾種物件建立模式

阿新 • • 發佈：2020-10-20

JS中的幾種物件建立模式

JS中的物件建立模式分為五種：這篇部落格將會分別剖析每一種建立模式的優劣。
在這裡插入圖片描述

方式一、Object建構函式模式
在這裡插入圖片描述

方式二、物件字面量模式
在這裡插入圖片描述

方式三、工廠模式
在這裡插入圖片描述
在這裡插入圖片描述
前三種方法雖然都是物件的建立方法，但是用typeof方法對其進行判定的時候，都會返回Object型別。為了更好的表現各種型別間的關係，我們引入了接下來的自定義建構函式模式。

方式四、自定義建構函式模式
在這裡插入圖片描述

在這裡插入圖片描述
在這裡插入圖片描述
這裡的setName雖然功能和名字相同，但是每一個Person物件都有一個單獨的setName函式，不是同一個，在堆記憶體中指向不同的地址，因此浪費記憶體。

為了彌補這一缺陷，我們又引入了另外一種組合的物件建立模式。

方式五、建構函式+原型的組合模式
在這裡插入圖片描述
在這裡插入圖片描述

相關推薦

JS中的幾種物件建立模式

JS中的幾種物件建立模式 JS中的物件建立模式分為五種：這篇部落格將會分別剖析每一種建立模式的優劣。

Java中幾種常用設計模式

Java中幾種常用設計模式 Java 中一般認為有23種設計模式，當然暫時不需要所有的都會，但是其中常見的幾種設計模式應該去掌握。

詳解js中的幾種常用設計模式

工廠模式 function createPerson(name,age){ var o = new Object();// 建立一個物件 o.name = name; o.age = age;

Java中幾種常見的設計模式--代理設計模式

一、什麼是代理模式 代理模式是一種設計模式，是在不修改原始碼下，實現目標物件的功能擴充套件。

js中使用工廠方法建立物件

技術標籤：jsjsjavascript 程式碼如下： <!DOCTYPE html> <html lang="zh"> <head>

物件建立模式 - js物件高階

Object建構函式模式 方式：先建立空物件，再動態新增屬性/方法 適用場景：起始時不確定物件內部資料

Node.js中的Buffer物件及建立方式

目錄什麼是Buffer？注意Buffer中儲存的都是二進位制資料，但是在顯示時以16進位制顯示Buffer.length表示佔用記憶體的大小Buffer列印數字時會以十進位制方式顯示Buffer的建立方法通過Buffer的建構函式，但不推薦使用通

java的幾種物件(PO,VO,DAO,BO,POJO，DTO)解釋

PO   PO(Persistant Object)可以看成是與資料庫中的表相對映的java物件。最簡單的PO就是對應資料庫中某個表中的一條記錄，多個記錄可以用PO的集合。PO中應該不包含任何對資料庫的操作。

python中幾種自動微分庫解析

前言 簡單介紹下python的幾個自動求導工具，tangent、autograd、sympy； 在各種機器學習、深度學習框架中都包含了自動微分，微分主要有這麼四種：手動微分法、數值微分法、符號微分法、自動微分法，這裡分別簡單走馬

關於AngularJS中幾種Providers的區別總結

原文：https://xebia.com/blog/differ... 什麼是Provider? AngularJS文件對provider的定義: provider是一個帶有$get()方法的物件。injector呼叫$get方法建立一個新的service的例項。provider還有一些其他的方法

[經驗棧]C#中幾種定時器(timer)的區別

目錄1、前言2、官方介紹3、個人體會System.Threading.Timer ClassSystem.Windows.Forms.Timer ClassSystem.Timers.Timer Class4、後記參考資料

Java物件建立模式

建立Java物件時，對於可為空的屬性，建立物件的時候有3種模式：重疊構造器模式、JavaBeans模式、Builder模式（推薦）、Stream模式（推薦）。

Python 呼叫 JS 的幾種方式

前言 日常 Web 端爬蟲過程中，經常會遇到引數被加密的場景，因此，我們需要分析網頁原始碼

理解JS中的Promise物件

promise是非同步程式設計的一種解決方法 promise物件代表一個非同步操作，有三種狀態，pending（進行中）、fulfilled（已成功）、rejected（已失敗）

最全總結！聊聊 Python 呼叫 JS 的幾種方式

1. 前言 很多人學習python，不知道從何學起。很多人學習python，掌握了基本語法過後，不知道在哪裡尋找案例上手。很多已經做案例的人，卻不知道如何去學習更加高深的知識。那麼針對這三類人，我給大家提供一個好的學

【轉】JS中的Blob物件

前段時間研究二進位制流圖片展示遇到了Blob物件,在這裡做一下筆記。 在一般的Web開發中，很少會用到Blob，但Blob可以滿足一些場景下的特殊需求。Blob，Binary Large Object的縮寫，代表二進位制型別的大物件。Blob

總結js的幾種資料型別檢測方法

在此總結自己常用的幾種js判斷資料型別的方法。 定義幾個變數備用： let a=\"string\";

nodejs.cn-Node.js-入門教程：在 Node.js 中如何記錄物件

ylbtech-nodejs.cn-Node.js-入門教程：在 Node.js 中如何記錄物件 1.返回頂部 1、 在 Node.js 中如何記錄物件

MySQL中幾種常見的日誌

前言： 在 MySQL 系統中，有著諸多不同型別的日誌。各種日誌都有著自己的用途，通過分析日誌，我們可以優化資料庫效能，排除故障，甚至能夠還原資料。這些不同型別的日誌有助於我們更清晰的瞭解資料庫，在日常學習及

js的幾種繼承方式

1. 原型鏈繼承 2，建構函式繼承（物件冒充繼承） 3，組合繼承（原型鏈繼承+建構函式繼承）