<ul id="wyo0s"></ul>

<strike id="wyo0s"></strike>

模塊化編程、MVC、面向對象編程

W4n9Hu1 發布于2019-08-23 12:20 / 1155人閱讀

摘要：模塊化編程所謂模塊化編程，就是將代碼模塊化，每一塊代碼都只進行一種操作，可以這樣理解吧。將所有的重復的代碼都提取出來形成對象構造函數等，在需要使用的時候，調用或者使用等進行操作。

模塊化編程

所謂模塊化編程，就是將代碼模塊化，每一塊代碼都只進行一種操作，可以這樣理解吧。

全局變量和局部變量的轉換

模塊化編程重要的一點就是，在一個模塊里，所有的變量都是局部變量（對整個項目來說，對這個模塊來說當然可以是全局變量了）

模塊化編程如何將全局變量轉變為局部變量：

把所有代碼都放在一個函數里面

再執行這個函數

這樣除了這個函數是全局變量，其它都變成限制在這個函數里的局部變量了

我連那個函數這個全局變量都不想要了：

設置為匿名函數

立即執行，直接call()

function(){
    //your code
}.call()

函數立即執行的優點：

沒有全局變量

而只有用函數才能有局部變量

不好意思，chrome不支持，的解決辦法：

前面加!表示這是個立即執行函數。不過會對這個函數的返回值取反，不過立即執行了就沒了，不關心它的返回值

!function(){
    //your code
}.call()

用()包起來。問題是如果前面有代碼，比如xxx(function(){}).call()，這就等于調用xxx了，等價于xxx().call()。。。function(){}只是傳入的參數

(function(){
    //your code
}).call()

把函數名設置成隨機數。機智(??????)??~~

MVC

MVC是一種代碼整理的思路

Model：用來存儲數據相關的操作

View：用來存儲表現層的元素，用戶看的見的頁面上的元素

Controller：用來存儲各種行為、邏輯代碼

上面這張圖可以很好的展現M和V和C之間的互動關系。

首先，用戶只能接觸到V上的東西，就是頁面所展現的內容

當用戶和V開始交互了，一直在監聽V的C會知道哪一個元素被動了，就會運行相應的代碼

通常情況下，C會調用M，這個時候，M就會向服務器server發送請求要數據，server自然會返回一個響應

獲得響應的M將數據返回給C，C再將數據更新在V上，就是再頁面上更新

面向對象編程

愚見：深度模塊化。將所有的重復的代碼都提取出來形成對象、構造函數等，在需要使用的時候，調用或者使用new等進行操作。

this的幾個小例子

button.onclick=function(){
    console.log(this);
}

云服務器 GPU云服務器面向對象java編程面向對象編程語言 java面向對象編程 javascript面向對象編程

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

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

大前端2018現在上車還還得及么

摘要：面向對象三大特征繼承性多態性封裝性接口。第五階段封裝一個屬于自己的框架框架封裝基礎事件流冒泡捕獲事件對象事件框架選擇框架。核心模塊和對象全局對象，，，事件驅動，事件發射器加密解密，路徑操作，序列化和反序列化文件流操作服務端與客戶端。第一階段： HTML+CSS:HTML進階、CSS進階、div+css布局、HTML+css整站開發、 JavaScript基礎：Js基礎教程、js內置對...

stormgens 2019-08-01 18:25 評論0 收藏0
大前端2018現在上車還還得及么

摘要：面向對象三大特征繼承性多態性封裝性接口。第五階段封裝一個屬于自己的框架框架封裝基礎事件流冒泡捕獲事件對象事件框架選擇框架。核心模塊和對象全局對象，，，事件驅動，事件發射器加密解密，路徑操作，序列化和反序列化文件流操作服務端與客戶端。第一階段： HTML+CSS:HTML進階、CSS進階、div+css布局、HTML+css整站開發、 JavaScript基礎：Js基礎教程、js內置對...

mylxsw 2019-08-22 13:49 評論0 收藏0
Spring框架之我見（三）——IOC、AOP

摘要：模塊負責的所有面向切面的功能。總結的統一管理，降低了對象之間的耦合對主流的框架提供了很好的集成支持提供眾多組件，事務管理，等具有高度可開放性，開發者可以自由選擇部分或全部主要使用工廠模式和代理模式。聊完了Spring框架中最重要的兩種設計模式，我們來看一下Spring框架的模塊和結構圖。 Spring框架的結構下圖是Spring官方給出的Spring框架的結構圖。 showImg(...

khs1994 2019-08-15 13:34 評論0 收藏0
SSM框架網站后臺搭建（一）

摘要：傳統的代碼中，在類中調用其他對象，都是自己出來一個對象，然后調用，這樣代碼的耦合度就比較高。日志對象和主程序的耦合度降到最低，即使更改日志對象的操作，主程序不受影響。 SSM框架網站后臺搭建（一） 1.所用技術簡單介紹 1.SSM中的S：Spring Spring在百度詞條上的解釋是： Spring是一個開放源代碼的設計層面框架，他解決的是業務邏輯層和其他各層的松耦合問題，因此它將面向...

ZweiZhao 2019-08-15 12:29 評論0 收藏0