- 轉化爲Boolean類型
所有JavaScript中的值都能隱式的轉化爲Boolean類型,比如: 但是這些值都不是Boolean類型。
因此當我們使用三個等於號進行比較時: 現在的問題是如何將其他類型轉化爲Boolean類型:
- 爲參數賦初值
JavaScript中沒有重載的概念,但是JavaScript中函數的參數都是可選的,如果調用時少寫了一個參數,將會被undefined 所代替。 在這個例子中,plus(2) 和plus(2, undefined) 是等價的,2 + undefined 的結果是NaN 。
現在的問題是,如果沒有傳遞第二個參數,如何爲它賦初值呢?
有網友提到 plus(2, 0) = 3; 的確是這樣的,看來這個地方還要做一些特殊處理:
- 阻止別人在Iframe中加載你的頁面
如果你的網站變得非常有人氣的時候,就有很多網站想鏈接到你的網站,甚至想把你的網頁通過IFrame嵌入它自己的網頁。
這樣就不好玩了,那麼如何來阻止這樣行爲呢? 這段代碼應該放在你每個頁面的head 中,如果你想知道現實中有沒人在用,看看baidu的博客你就知道了。
- 字符串替換
String.prototype.replace 函數經常會讓那些非常熟悉C#或者Java的程序員感到迷惑。
比如: replace 函數的第一個參數是正則表達式。
如果你傳遞一個字符串到第一個參數,則只有第一個找到的匹配字符串被替換。
爲了解決這個問題,我們可以使用正則表達式: 我們還可以指定在替換時忽略大小寫:
- 將arguments轉化爲數組
函數中的預定義變量arguments 並非一個真正的數組,而是一個類似數組的對象。
它具有length 屬性,但是沒有slice, push, sort等函數,那麼如何使arguments 具有這些數組纔有的函數呢?
也就是說如何使arguments 變成一個真正的數組呢?
- 爲parseInt函數指定第二個參數
parseInt 用來將字符串轉化爲整形的數字,語法爲: 其中第二個參數是可選的,用來指定第一個參數是幾進制的。
如果沒有傳遞第二個參數,則按照如下規則:
->如果str 以 0x 開頭,則認爲是16進制。
->如果str 以 0 開頭,則認爲是8進制。
->否則,認爲是10進制。
因此如下的代碼將會讓人很迷惑,如果你不知道這些規則:
所以,安全起見一定要爲parseInt 指定第二個參數。
- 從數組中刪除一個元素
或許我們可以通過delete 來做到: 可以看到,delete 並不能真正的刪除數組中的一個元素。刪除的元素會被undefined 取代,數組的長度並沒有變化。
事實上,我們可以通過Array.prototype中的splice 函數來刪除數組中的元素,如下所示:
- 函數也是對象
在JavaScript中函數也是對象,因爲我們可以爲函數添加屬性。
比如: 我們爲函數add 添加了count 屬性,用來記錄此函數被調用的次數。
當然這可以通過更優雅的方式來實現: arguments.callee 指向當前正在運行的函數。
- 數組中的最大值
如何在全是數字的數組中找到最大值,我們可以簡單的通過循環來完成: 有沒有其他方法?我們都知道JavaScript中有一個Math 對象進行數字的處理: 然後,我們可以這樣來找到數組中最大值:
- 爲IE添加console.log 函數
在Firefox下並有Firebug的支持下,我們經常使用console.log 來在控制檯記錄一些信息。
但是這種做法在IE下會阻止JavaScript的執行(在Firefox下沒有啓用Firebug情況下也是一樣),因爲此時根本沒有console 對象存在。
我們可以通過如下小技巧來防止這樣情況的發生:
- undefined 是JavaScript中保留關鍵字麼?
看起來像是的,但實際上undefined並不是JavaScript中的關鍵字: 這段代碼可能會讓你感到很奇怪,不過它的確能夠正常運行,undefined 只是JavaScript中一個預定義的變量而已。
注:在JavaScript程序中,千萬不要這樣做,這個技巧只是告訴你有這麼一回事而已。
- 判斷一個變量是否爲undefined
兩種情況下,一個變量爲undefined:
1. 聲明瞭變量,但是沒有賦值 2. 從來沒有聲明過此變量 在第二種情況下,會有一個錯誤被拋出,那麼如果判斷一個變量是否爲undefined而不產生錯誤呢?
下面提供了一種通用的方法:
- 預加載圖片
預加載圖片就是加載頁面上不存在的圖片,以便以後使用JavaScript把它們快速顯示出來。
比如你想在鼠標移動到某個圖片上時顯示另一張圖片:
那麼,如何加載一組圖片呢?考慮如下代碼: 實際上,這段代碼只能預加載最後的一張圖片,因爲其他的圖片根本沒有時間來預加載在循環到來的時候。
因此正確的寫法應該是:
- 閉包(closure)
閉包指的是函數內的局部變量,當函數返回時此變量依然可用。
當你在函數內部定義另外一個函數時,你就創建了一個閉包,一個著名的例子:
add(2) 是一個函數,它可能獲取外部函數的局部變量i 。
參考文章
- 私有變量
我們經常使用命名規範來標示一個變量是否爲私有變量(最常用來標示): 下劃線前綴用來作爲私有變量的約定,但是其他開發人員仍然可以調用此私有變量: 那麼,如何在JavaScript中創建一個真正的私有變量呢?
主要技巧是使用匿名函數(anonymous function)和閉包(closure)。
- JavaScript沒有塊級上下文(Scope)
JavaScript中塊級代碼沒有上下文,實際上只有函數有自己的上下文。 如果想創建一個上下文,可以使用自執行的匿名函數:
- 怪異的NaN
NaN用來表示一個值不是數字。
NaN在JavaScript中行爲很怪異,是因爲那NaN和任何值都不相等(包括它自己)。 因爲下面的代碼可能會讓一些人抓狂: 那麼如何來檢查一個值是否NaN?
可以使用window.isNaN來判斷:
- 真值和假值
JavaScript中所有值都能隱式地轉化爲Boolean類型。
在條件判斷中,下面這些值會自動轉化爲false:
null, undefined, NaN, 0, ‘’, false
因此,不需要做如下複雜的判斷: 而只需要這樣做就行了:
- 修改arguments
比如,添加一個值到arguments中: 這樣會出錯,因爲arguments 不是一個真正的數組,沒有push方法。
解決辦法:
- Boolean 和 new Boolean
我們可以把Boolean看做是一個函數,用來產生Boolean類型的值(Literal): 所以,Boolean(0) 和!!0 是等價的。
我們也可以把Boolean看做是一個構造函數,通過new 來創建一個Boolean類型的對象:
- 快速字符串連接
我們經常使用+ 將較短的字符串連接爲一個長字符串,這在大部分的情況下是沒問題的。
但是如果有大量的字符串需要連接,這種做法將會遇到性能問題,尤其是在IE下。
可以看到Firefox似乎對+ 操作符進行了優化,而IE則表現的傻乎乎的。
- 一元操作符 +
在JavaScript中,我們可以在字符串之前使用一元操作符“+”。這將會把字符串轉化爲數字,如果轉化失敗則返回NaN。
如果把 + 用在非字符串的前面,將按照如下順序進行嘗試轉化:
參考文章- 調用valueOf()
- 調用toString()
- 轉化爲數字
- encodeURI和encodeURIComponent
window.encodeURI函數用來編碼一個URL,但是不會對以下字符進行編碼:“:”, “/”, “;”, “?”.
window.encodeURIComponent則會對上述字符進行編碼。
我們通過一個例子來說明: 因此,在對URL進行編碼時我們經常會選擇 encodeURIComponent。
- table.innerHTML在IE下是隻讀屬性
我們經常通過節點的innerHTML 屬性來填充節點,比如: 但是在IE下設置table.innerHTML 將會導致錯誤: 實際上,table, thead, tr, select等元素的innerHTML屬性在IE下都是隻讀的。
那麼如果動態的創建一個table呢,下面提供了一種可行的方法:
- 0.1+0.2 != 0.3
JavaScript將小數作爲浮點數對待,所以可能會產生一些四捨五入的錯誤,比如: 你可以通過toFixed方法指定四捨五入的小數位數:
JavaScript技巧
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.