JS創建對象的幾種方式

来源:http://www.cnblogs.com/kaw19950302/archive/2017/11/17/7854205.html
-Advertisement-
Play Games

第一:工廠模式:代碼如下 缺點:對象無法識別,因為原型都指向(Object) 第二:構造函數模式:代碼如下 優點:實例可以識別為一個特定的類型,即可以分 ‘類’ 缺點:每次創建實例時每個方法都要被創建一次 構造模式優化:代碼如下 優點:解決了 “每次創建實例時每個方法都要被創建一次“” 的問題 缺點 ...


第一:工廠模式:代碼如下

缺點:對象無法識別,因為原型都指向(Object)

 function Person(name) {
    var obj = new Object();
    obj.name = name;
    obj.say = function () {
        return "我是" + this.name;
    }
    return obj
}
var person = Person("Ayden") console.log(person.name)//Ayden console.log(person.say())//我是Ayden

第二:構造函數模式:代碼如下

優點:實例可以識別為一個特定的類型,即可以分 ‘類’ 

缺點:每次創建實例時每個方法都要被創建一次

function Person(name) {
   this.name = name ;
   this.say = function () {
       return "我是" + this.name ;
   }
}
var person = new Person("Ayden")
console.log(person)

構造模式優化:代碼如下

優點:解決了 “每次創建實例時每個方法都要被創建一次“” 的問題

缺點:面向對象三大特性之一——封裝。這叫啥封裝?

function Person(name) {
    this.name = name ;
    this.say = say
}
function say() {
    return "我是" + this.name;
}
var person = new Person("Ayden")
console.log(person)

第三:原型模式:代碼如下

優點:實例的方法不會重新創建

缺點:1. 所有的屬性和方法都共用 2. 不能初始化參數 3.總想把代碼寫到一起,即封裝

function Person() {
        
}
Person.prototype.name = "Ayden";
Person.prototype.say = function () {
    return "我是" + this.name
}
var person = new Person();
console.log(person)

原型模式優化:代碼如下

優點:封裝性好些

缺點:丟失了constructor屬性

function Person() {

}
Person.prototype = {
    name :"Ayden",
    say :function () {
         return "我是" + this.name
    }
}
var person = new Person()

原型模式再優化:

優點:實例可以通過constructor屬性找到所屬構造函數

缺點:1. 所有的屬性和方法都共用 2. 不能初始化參數 

function Person() {

}
Person.prototype = {
   constructor: Person, 
   name: "Ayden",
   say: function () {
        return "我是" + this.name
    }
}
var person = new Person()

第四:混合模式:代碼如下:

優點:該私有的私有,該共用的共用(使用最廣泛的方式)

缺點:希望全部寫在一起,即更好的封裝性

 function Person(name) {
        this.name = name ;
    }
    Person.prototype = {
        say:function () {
            return "我是" + this.name
        }
    }
    var person1 = new Person("Ayden");
    var person2 = new Person("Tom")

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 其實這個就相當於模擬人的點擊事件來連續的訪問瀏覽器。如果你玩過王者榮耀的話在2016年一月份的版本裡面就有一個bug。 安卓手機下載一個按鍵精靈就可以在冒險模式裡面設置按鍵,讓手機自動玩闖關,一局19個金幣,一晚上就一個英雄了。不過 程式員也不是吃素的。給一個星期設置了大概4000金幣上限。有興趣的 ...
  • solr索引庫的創建 一、找到你安裝的【solrhome】目錄(我的是這個) 二、進入該目錄 三、選擇其中任意一個索引庫複製一份到該目錄下並更名為要創建的索引庫名稱 四、進入【myindex】目錄下,該目錄下會有2個目錄1個配置文件 五、刪除【data】目錄和【core.properties】配置文 ...
  • 經常碰到中文亂碼問題,web,xml 配置過,前端配置過一般都能解決問題。 另外還有一種 ,tomcat的配置 加入 ...
  • 轉眼已經出來實習4個多月了,目前感覺這個公司在技術上是我喜歡的類型,技術氛圍很好,並且當前公司所做產品所使用技術都是像當前大公司靠攏。並且我的師傅技術真是十分扎實,不僅僅是應用知識高超,同時對基礎知識細節的理解也是很深的,在我的學習過程中,起到了很大的幫助。 再說點廢話吧,老大和我師傅他們對待技術真 ...
  • 架構 grafana和prometheus之前安裝配置過,見: "Grafana+Prometheus打造全方位立體監控系統" MySql安裝 MySql的地位和重要性就不言而喻了,作為開源產品深受廣大中小企業以及互聯網企業喜愛,所以這裡我們也有必要對其進行相應的監控。 由於最近更換了CentOS7 ...
  • 前臺: 支持四套模版, 可以在後臺切換 系統介紹: 1.網站後臺採用主流的 SSM 框架 jsp JSTL,網站後臺採用freemaker靜態化模版引擎生成html 2.因為是生成的html,所以訪問速度快,輕便,對伺服器負擔小 3.網站前端採用主流的響應式佈局,同一頁面同時支持PC、平板、手機(三 ...
  • rabbitmq里有一些概念我們要清楚,如vhost,channel,exchange,queue等,而前段時間在部署rabbitmq環境時啟用了虛擬主機vhost,感覺他主要是起到了消息隔離的作用,下麵分別再說一下它們的知識。 VHost vhost去做第一層的區分,虛擬主機,工作組等,它預設是/ ...
  • Protobuf的簡單介紹、使用和分析 一、protobuf是什麼? protobuf(Google Protocol Buffers)是Google提供一個具有高效的協議數據交換格式工具庫(類似Json),但相比於Json,Protobuf有更高的轉化效率,時間效率和空間效率都是JSON的3-5倍 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...