JavaScript

前言其實回呼函數簡單通俗點就是當有a和b兩個函數，當a作為參數傳給b，並在b中執行，這時a就是一個回調(callback)函數,如果a是一個匿名函數，則為匿名回呼函數那下面們來通過一個執行個體來具體解釋下Javascript回呼函數怎麼使用。執行個體在很久很久以前，有一個人。var person;他是個人，也就是一個對象。person= {}; // 在JavaScript中，花括弧就代表是一個對象他有個名字叫小明。person.name =

今天公司一個實習小妹子問我兩段JS代碼的區別：代碼一：<script type="text/javascript"> var a = "Hello"; function test(){ var a; alert(a); a = "World"; alert(a); }</script>代碼二：<script type="text/javascript"> var a = "Hello"; function test(){ alert(a);

在傳統的物件導向語言中，給對象添加功能常常使用繼承的方式，但繼承的方式會帶來問題：當父類改變時，他的所有子類都將隨之改變。 當JavaScript指令碼運行時，在一個對象中（或他的原型上）增加行為會影響該對象的所有執行個體， 裝飾者是一種實現繼承的替代方案，它通過重載方法的形式添加新功能，該模式可以在被裝飾者前面（before）或者後面(after)加上自己的行為以達到特定的目的。 裝飾者模式是為已有功能動態地添加更多功能的一種方式，把每個要裝飾的功能放在單獨的函數

在JavaScript中，瀏覽器特別是移動端的瀏覽器分配的記憶體很有限，如何節省記憶體就成了一件非常有意義的事情。節省記憶體的一個有效方法是減少對象的數量。 享元模式（Flyweight），運行共用技術有效地支援大量細粒度的對象，避免大量擁有相同內容的小類的開銷(如耗費記憶體)，使大家共用一個類(元類)。 享元模式可以避免大量非常相似類的開銷，在程式設計中，有時需要生產大量細粒度的類執行個體來表示資料，如果能發現這些執行個體除了幾個參數以外，開銷基本相同的話，就可以大幅度較少

前言：程式語言的編碼風格對於一個長期維護的軟體非常重要，特別是在團隊協作中。如果一個團隊使用統一規範的編碼分風格，可以提高團隊的協作水平和工作效率。編程風格指南的核心是基本的格式化規則，這些規則決定了如何編寫高水準的代碼。本指南來自於《編寫可維護的JavaScript》這本書，基於"Java語言編碼規範"和Crockford的JavaScript編程規範，還有Nicbolas的一些個人經驗和喜好。寫作本文旨在加深自己印象，也為了更多人的瞭解到JS編碼風格，提高自己的編碼品質。想瞭解更多的內容請閱

 原生js使用forEach()與jquery使用each()遍曆數組，return false 的區別： 1、使用each()遍曆數組a,如下：var a=[20,21,22,23,24];$.each(a, function(index,val) {console.log('index='+index);if(index==2){return false;}console.log('val='+val);}); 結果如下： 從啟動並執行效果可以看出，return

組合模式：將一組對象組合成樹形結構，並統一對待組合對象和葉對象，忽略它們之間的不同（因為葉對象也可以也可以包含葉對象而成為組合對象），組合模式中的對象只能是一對多的關係，不能出現多對一。基本單元：一個組合對象包含多個葉對象。每個基本單元又可以是別的組合對象的葉對象類似檔案夾與它裡面的內容的關係網，一個檔案夾或檔案又可以是其它檔案夾的內容，但一個檔案夾或檔案不能同時屬於多個上級檔案夾。在JavaScript中實現組合模式時，要保證組合對象和葉對象擁有相同的介面方法，對同一組葉對象的操作必須具有一致

es6這個String對象倒是擴充了不少方法，但是很多都是跟字元編碼相關，個人選了幾個感覺比較常用的方法；includes 搜尋字元的神器還記得我們之前如何判斷某個字串對象是否包含特地字元的嗎？var

中介者模式的作用就是解除對象與對象之間的緊耦合關係，它也稱‘調停者'。所有的對象都通過中介者對象來通訊，而不是相互引用，所以當一個對象發生改變時，只需要通知中介者即可。 如：機場的指揮塔，每架飛機都只需要和指揮塔通訊即可，指揮塔知道每架飛機的飛行狀況，可以安排所有起降時間，調整航線等 中介者模式符合迪米特法則，即最少知識原則，指一個對象應該儘可能少地瞭解另外的對象。如果對象之間的耦合性太高，則改變一個對象，會牽動很多個物件，難於維護。當對象耦合很緊時，要修改一個對象而不影響其

公司最近要為某國企做一個**統計和管理系統，具體要求包含 •Excel匯入匯出 •根據匯入的資料進行展示報表 •圖表展示（包括柱狀圖，折線圖，餅圖），而且還要求要有動畫效果，扁平化風格 •Excel匯出，並要提供用戶端來管理Excel 檔案 •... 要求真多！ 現在總算是完成了，於是將我的經驗分析出來。 --------------------------

toUpperCase() 方法用於把字串轉換為大寫。 一個新的字串，在其中 stringObject 的所有小寫字元全部被轉換為了大寫字元。文法為：stringObject.toUpperCase() 執行個體 在本例中，"Hello world!" 將以大寫字母來顯示： <script type="text/javascript">var str="Hello World!"document.write(str.toUpperCase())</

js遍曆map javaScript遍曆map的簡單實現var map = { "name" : "華仔", "realname":"劉德華" };for (var key in map) { console.log("map["+key+"]"+map[key]); }這樣會把map給遍曆掉，顯示在瀏覽器上的控制器裡。以上這篇js遍曆map

原型和閉包算是JavaScript中最常見，最難以理解，最容易被當做問題的兩個部分，當然還有它們的延伸，如範圍鏈，繼承等等吧，我最近也是各種看，各種翻，記錄點自己的心得，寫寫總會讓自己的理解更深一些。（跟標題的關係不大啦，就感慨句，每次總感覺自己懂了，再翻還是收穫滿滿）先談一下JavaScript中New關鍵字吧，通常我們通過它來建立一個類的執行個體對象，在JavaScript中，執行個體化對象之後，也就繼承了類的屬性以及方法。通過代碼來示範一下 function

首先必須要說的是，this的指向在函數定義的時候是確定不了的，只有函數執行的時候才能確定this到底指向誰，實際上this的最終指向的是那個調用它的對象（這句話有些問題，後面會解釋為什麼會有問題，雖然網上大部分的文章都是這樣說的，雖然在很多情況下那樣去理解不會出什麼問題，但是實際上那樣理解是不準確的，所以在你理解this的時候會有種琢磨不透的感覺），那麼接下來我會深入的探討這個問題。 為什麼要學習this？如果你學過函數式編程，物件導向編程，那你肯定知道幹什麼用的，如果你沒有學過，那麼

在物件導向設計中，有一個單一職責原則，指就一個類（對象、函數）而言，應該僅有一個引起它變化的原因。如果一個對象承擔了過多的職責，就意味著它將變得巨大，引起它變化的原因就多，它把這些職責耦合到了一起，這種耦合會導致程式難於維護和重構。 這時候，我們可以把該對象（本體）的其中一部分職責分離出來給一些第三方對象去做，本體只管自己的一些核心職責，這些第三方對象就稱作代理。代理對象可以作為對象（也叫“真正的主體”）的保護者，讓真正的主體對象做盡量少的工作。在代理設計模式中，一個對象充當了另一個對

定義：保證一個對象（類）僅有一個執行個體，並提供一個訪問它的全域訪問點；實現原理：利用閉包來保持對一個局部變數的引用，這個變數儲存著首次建立的唯一的執行個體; 主要用於：全域緩衝、登入浮窗等只需要唯一一個執行個體的時候； 一. 為一個非單例模式對象（如：Demo）實現單例模式的方法： 給Demo添加一個靜態方法來實現單例： Demo.getSingle = (function(){ var demo = null; return function(name){

定義：定義一系列的演算法，把它們一個個封裝成函數，也可把它們作為屬性統一封裝進一個對象，然後再定義一個方法，該方法可根據參數自動選擇執行對應的演算法。 一般用於在實現一個功能時，有很多個方案可選擇的情況。 例子1：根據員工薪水salary、績效等級S、A、B、C，來計算年終獎 //封裝了所有演算法的策略對象var strategies = { 'S': function(salary){ return salary*4; }, 'A':

JS 的 ES6版本已經被各大瀏覽器廣泛支援，很多前端架構也已經使用 ES6，並且還有 Babel 可以做相容處理，所以ES6已經進入了應用階段如果您對 ES6 還不太熟悉，下面4個簡單的基礎用法可以協助您快速瞭解ES61.使用 let 和 const 聲明變數在傳統的 ES5 代碼中，變數的聲明有兩個主要問題（1）缺少塊兒範圍的支援（2）不能聲明常量ES6中，這兩個問題被解決了，增加了兩個新的關鍵字：let 和 const塊兒範圍使用 letvar a = 1;if (true) {

JS是基於對象的語言，可以使用物件導向思想類比JAVA|C++之類的物件導向語言。 •面向過程 ◦關註解決問題的步驟 •物件導向 ◦關注的是解決問題的所需要的對象（內容和角色），然後根據商務邏輯按一定規則調用相關方法對象分為系統對象和自訂對象兩種。我們可以通過調用系統建構函式來建立出系統對象，如：array|date等。自訂對象必須自己創造，無法利用系統函數來創造。javascript建立對象 一、直接建立

tip首先，我知道這篇文章很無聊，無非就是關於 js 中的 this，並且也已經有千千萬萬的文章寫過這部分內容了； 但是，我還是想寫一篇關於 js 中的 this 的文章，算是一個總結歸納吧；（大神們可以繞行看我的其他文章） 在 js 中，this 這個上下文總是變化莫測，很多時候出現 bug 總是一頭霧水，其實，只要分清楚不同的情況下如何執行就 ok 了。 全域執行首先，我們在全域環境中看看它的 this 是什麼： first. 瀏覽器：console.