JavaScript

閉包的定義非常晦澀——閉包，是指文法域位於某個特定的地區，具有持續參照（讀寫）位於該地區內自身範圍之外的執行域上的非持久型變數值能力的段落。這些外部執行域的非持久型變數神奇地保留它們在閉包最初定義（或建立）時的值（深連結）。簡單來說，閉包就是在另一個範圍中儲存了一份它從上一級函數或範圍取得的變數（索引值對），而這些索引值對是不會隨上一級函數的執行完成而銷毀。周愛民說得更清楚，閉包就是“屬性工作表”，閉包就是一個資料區塊，閉包就是一個存放著“Name=Value”的對照表。就這麼簡單。但是，必須強

對於初學者來說，理解Javascript閉包(closure)還是比較困難的，而撰寫此文的目的就是用最通俗的文字揭開Javascript閉包的真實面目，讓初學者理解起來更加容易一些。 一、什麼是閉包？ “官方”的解釋是：閉包是一個擁有許多變數和綁定了這些變數的環境的運算式（通常是一個函數），因而這些變數也是該運算式的一部分。相信很少有人能直接看懂這句話，因為他描述的太學術。

一、文法 delete後面的運算式必須給出一個屬性的引用，比如 var o = {a:1}; delete o.a; //此處o.a是對象o的屬性a的引用 只有在with語句裡才能使用單獨的屬性名稱 複製代碼 代碼如下: with(o){ delete a; } 二、delete的傳回值 delete是普通運算子，會返回true或false。規則為：當被delete的對象的屬性存在並且不能被刪除時 返回false，否則返回true。

一、判斷 文法 prop in objectName 如果objectName指向的對象中含有prop這個屬性或者索引值，in運算子會返回true。 複製代碼 代碼如下: var arr = ['one','two','three','four']; arr.five = '5'; 0 in arr;//true 'one' in arr; //false,只可判斷數組的索引值 'five' in arr;//true,'five'是arr對象的屬性 'length' in

起因： 　　今天在閱讀snandy大神的讀jQuery之五（取DOM元素）時，看到有講到toArray()方法，具體jQuery代碼如下： 複製代碼 代碼如下: toArray: function() { return slice.call( this, 0 ); }, get: function( num ) { return num == null ? // Return a 'clean' array this.toArray() : // Return just the object (

第十九章 用戶端儲存 1.cookie ①最初是在用戶端用於儲存會話資訊的。 1.1 限制 ①cookie在性質上是綁定在特定的網域名稱下的。當設定了一個cookie後，再給建立它的網域名稱發送請求時，都會包含這個cookie。 ②cookie的限制： □IE6以及更低版本限制每個網域名稱最多20個cookie。 □IE7和之後版本每個網域名稱最多50個cookie。 □Firefox50個 □Opera50個 □Safari和Chrome無硬性規定

第十四章 錯誤處理與調試 1.開啟瀏覽器錯誤報表 1.1 Internet Explorer □Toos → Internet Option → Anvanced → Display a notification about every script error 1.2 Firefox □Tools → Error Console (Firebug) 1.3 Safari □Edit → Preferences → Advanced → Show develop menu in menubar/

一、變數 在javascript變數中可以存放兩種類型的值：原始值和引用值。 原始值儲存在棧上的簡單欄位，也就是值直接儲存在變數所標示的位置內。 引用值儲存在堆內的對象，棧內變數儲存的是指向堆內對象的指標值。 在javascript中有5種基本類型：Undefined,Null,Boolean,Number,String。 參考型別其實就是對象，類似其他語言中類執行個體的概念。 複製代碼 代碼如下: var b = true; // 儲存在棧上 var num = 20; //儲存在棧上

比如說，我們想要一個遞迴函式來計算 Fibonacci 數列。一個 Fibonacci 數字是之前兩個 Fibonacci 數字之和。最前面的兩個數字是 0 和 1。 複製代碼 代碼如下: var fibonacci = function (n) { return n < 2 ? n : fibonacci(n - 1) + fibonacci(n - 2); }; for (var i = 0; i <= 10; i += 1) { document.writeln('// ' +

複製代碼 代碼如下: /** * 複製元素樣式 * @param {HTMLElement} 被複製的元素 * @param {Boolean} 是否啟用緩衝（預設true） * @return {String} css類名 */ var cloneStyle = (function (doc) { var rstyle = /^(number|string)$/, cloneName = '${cloneName}', sData = {}, addHeadStyle = function (

精妙的 tmpl 前端模板類開源的不少，但最屬 jQuery 作者 John Resig 開發的 “javascript micro templating” 最為精妙，寥寥幾筆便實現了模板引擎核心功能。 它的介紹與使用方式請看作者部落格：http://ejohn.org/blog/javascript-micro-templating/ 讓我們先看看他的源碼： 複製代碼 代碼如下: (function(){ var cache = {}; this.tmpl = function (str,

越來越覺得國內沒有教書育人的氛圍，為了弄懂JS的閉包，我使出了我英語四級吃奶的勁去google上搜尋著有關閉包的解釋，當我看到stackoverflow上這一篇解答，我腦中就出現了一句話：就是這貨沒跑了! 不才譯文見下，見笑了。 Peter Mortensen問： 就像老Albert所說的，“如果你不能向一個六歲的孩子解釋清楚，那麼其實你自己根本就沒弄懂。”好吧，我試著向一個27歲的朋友就是JS閉包(JavaScript closure)卻徹底失敗了。

範圍是JavaScript最重要的概念之一，想要學好JavaScript就需要理解JavaScript範圍和範圍鏈的工作原理。今天這篇文章對JavaScript範圍和範圍鏈作簡單的介紹，希望能協助大家更好的學習JavaScript。 JavaScript範圍 任何程式設計語言都有範圍的概念，簡單的說，範圍就是變數與函數的可存取範圍，即範圍控制著變數與函數的可見度和生命週期。在JavaScript中，變數的範圍有全域範圍和局部範圍兩種。 1. 全域範圍(Global Scope)

長久以來JavaScript相容性一直是Web開發人員的一個主要問題。在正式規範、事實標準以及各種實現之間的存在的差異讓許多開發人員日夜煎熬。為此，主要從以下幾方面差異總結IE和Firefox的Javascript相容性: 　　一、函數和方法差異； 　　二、樣式訪問和設定； 　　三、DOM方法及對象引用； 　　四、事件處理； 　　五、其他差異的相容處理。 一、函數和方法差異 1. getYear()方法 【分析說明】先看一下以下代碼： 複製代碼 代碼如下: var year= new Date(

不過指令碼比較長的時候，需要複製密密麻麻一大段到地址欄裡，顯得很不美觀，而且指令碼修改起來也很不容易。因此一般先把指令碼寫在單獨一個檔案裡，然後用javascript: 的形式動態載入指令碼到頁面中。不少網頁外掛程式都是用這個方法載入。 　　平時，我們用最簡單的代碼實現動態載入： 複製代碼 代碼如下: javascript:var o=document.createElement('script');o.src='...';document.body.appendChild(o);void(0)

複製代碼 代碼如下: //DOM沒有提供insertAfter()方法 function insertAfter(newElement, targetElement){ var parent = targetElement.parentNode; if (parent.lastChild == targetElement) { // 如果最後的節點是目標元素，則直接添加。因為預設是最後 parent.appendChild(newElement); } else {

github：https://github.com/hirokidaichi/namespace-js 定義Namespace對象： var Namespace

前段時間看《JavaScript進階程式設計》終於找到了一點點介紹： \xnn 以十六進位代碼nn表示的一個字元(n:0-F) \unnn以十六進位代碼錶示的一個Unicode字元(n:0-F) 今天由於一個自己的一個需求需要知道一些漢字的十六進位表示，因此自己寫了兩個方法，可以將文字轉換為16進位的表示形式，也可以將16進位代碼轉換回漢字。方法如下： 複製代碼 代碼如下: //將文字轉換為16進位 function textToSix(str) { return

前幾天看到一個面試題，題目是這樣的： 請你說說對javascript中apply，call，bind的理解？ 首先apply和call是老生常談的東西，但是對於bind，我愣了下，因為這個詞是jquery中使用頻率很高的一個方法，用來給DOM元素繫結事件用的。 為了搞清這個陌生又熟悉的bind，google一下，發現javascript1.8.5版本中原生實現了此方法，目前IE9+，ff4+，chrome7+支援此方法，opera和safari不支援（MDN上的說明）。

一開始很多人都會拿jquery的選取器來跟這兩個api做對比（我也是），比較異同本來沒事，但卻使一些同學對這兩個api在瀏覽器中的實現產生了誤解，特別是再dom element上調用此api時。 下面是我的jsFiddle樣本，我就以此展開說明： 複製代碼 代碼如下: (function(global) { global.doc = document; global.body = doc.getElementsByTagName('body')[0]; global.$ =