JS的面向對象一(通過構造函數的方式)

来源:https://www.cnblogs.com/forlong/archive/2018/02/22/8459550.html
-Advertisement-
Play Games

新人分享些學習過程中的心得體會,有錯誤或疏漏之處還請各位不吝拍磚。 一.為什麼要面向對象? 1.在寫代碼中經常會碰到如下情況: 一個函數內的變數需要被其內嵌函數引用,若直接層層嵌套堆在一塊則不便於後期維護,這是就需要提取分離。 a.可以考慮把上一個函數的返回值作為參數傳入下一個函數。 b.更好的方法 ...


新人分享些學習過程中的心得體會,有錯誤或疏漏之處還請各位不吝拍磚。

一.為什麼要面向對象?

1.在寫代碼中經常會碰到如下情況:

 一個函數內的變數需要被其內嵌函數引用,若直接層層嵌套堆在一塊則不便於後期維護,這是就需要提取分離。

 a.可以考慮把上一個函數的返回值作為參數傳入下一個函數。

 b.更好的方法是用面向對象的方式創建方便共用的變數,用this。

function fn1(){

  變數1,變數2,變數3

  函數或者可以提取成函數的一段代碼要用到上面變數...

  函數或者可以提取成函數的一段代碼要用到上面變數...

}

2.可以創建很多實例,互不影響,每個實例還可創建自己專屬的屬性與方法。

 var a = new Classname();  創建了一個實例

二.如何書寫

1.創建構造函數

 構造函數名,首字母用大寫(業內規範)。

 通過this.屬性名 = xxx 的方式添加屬性或方法(函數)。

function Classname(){

 this.varname1 = xxx;

 thia.varname2 = xxx; 

}

2.通過原型prototype添加修改屬性或方法(函數)

 一般只用原型添加方法,原型添加的東西適用於所有實例。

Classname.prototype.方法名 = function(){}

後續舉一個面向過程轉換為面向對象的例子

 


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

-Advertisement-
Play Games
更多相關文章
  • NSLog method In order to print logs, we use the NSLog method in Objective-C programming language which we have used right from the Hello World example ...
  • AFNetworking是一個用於iOS、macOS、watchOS和tvOS的功能強大的網路庫。它構建在基礎URL載入系統之上,擴展了強大的高級網路抽象,並將其構建為Cocoa。它有一個模塊化的架構,設計良好,具有強大功能的api 使用 CocoaPods 引入 創建一個下載任務 創建一個上傳任務 ...
  • 鎖的用法在iOS中有幾種方法來解決多線程訪問同一個記憶體地址的互斥同步問題: 方法一,@synchronized(id anObject),(最簡單的方法)會自動對參數對象加鎖,保證臨界區內的代碼線程安全 方法二,NSLockNSLock對象實現了NSLocking protocol,包含幾個方法:l ...
  • 方法一 Persons.json文件 Model.h類 Model.m類 調用 列印結果: 方法二 數據模型的父類是:JSONModel JSONModel的子類是:JSONPerson, JSONStudent, JSONTeacther等; JSONStudent.h中 註意:這是用OC來寫的! ...
  • 一個可復用的解決方案,用於處理特定場景下的常見問題。一種設計模式並不是一個可以直接轉化為代碼的已完工設計。它是對於如何解決問題的一種描述或者模板,可以用在許多不同的場合。 參考資料:《iOS Web應用開發》 ...
  • 本書的第4章使用第3章學到的操作DOM的方法和屬性寫了一個展示圖片的網頁,併在第5,6章對代碼進行了優化。 第一版,搭建網頁的靜態結構,包括一級標題<h1>,無序列表清單<ul>,每個列表<li>中又包括了鏈接<a>,當點擊列表文字時會顯示鏈接所指向的圖片,這屬於瀏覽器的預設行為。代碼如下: 問題: ...
  • 年前的時候進行了一家公司的電話面試兩輪,視頻面試一輪(已拿到offer),過程中遇到了一個關於http與https的問題,當時回答的並不好,今天將其進行了總結和整理,望讀者喜歡; 前言 谷歌在2018年,2月9日宣佈從今年7月起,Chrome瀏覽器將在地址欄把所有HTTP網址標示為不安全網站。 谷歌 ...
  • 通過按住滑鼠拖動的例子來演示面向對象的過程 css部分 #box1{ width: 100px; height: 100px; background: #f00; position: absolute; left: 0; top:0; } HTML部分 <div id="box1"></div> J ...
一周排行
    -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.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...