javascript不經常使用特性

Boolean

!!'foo'

經過兩個取反，能夠強制轉換爲Boolean類型。較爲經常使用。

Number

+'45'
+new Date

會自動轉化爲number類型的。較爲經常使用。

IIFE

(function(arg) {
    // do something
})(arg)

實用價值在於能夠防止全局污染。

Closure

var counter = function() {
    var count = 0
    return function() {
        return count++
    }
}

閉包嘛，js 特別好玩的一個地方。上面的當即執行函數就是對閉包的一種運用。

上面用到了閉包，看起來還挺裝逼的吧。不過好像沒什麼實用價值。

那麼這樣呢？

var isType = function(type) {
    return function(obj) {
        return toString.call(obj) == '[Object ' + type + ']';
    }
}

經過高階函數很輕鬆的實現斷定類別。(別忘了有斷定Array的Array.isArray())

Event

var times = 0
var foo = document.querySelector('.foo')
foo.addEventListener('click', function() {
    times++
    console.log(times)
}, false)

好像是沒什麼問題哦，可是！變量times爲何放在外面，就用了一次放在外面，命名衝突了怎麼辦，或者萬一在外面修改了怎麼辦。

這個時候這樣一個事件監聽代碼就比較牛逼了

foo.addEventListener('click', (function() {
    var times = 0
    return function() {
        times++
        console.log(times)
    }
})(), false)

經過建立一個閉包，把times封裝到裏面，而後返回函數。這個用法不太常見。

parseInt

高能預警

從這從這裏開始，下面的代碼謹慎寫到公司代碼裏！

parseInt這個函數太普通了，怎麼能裝逼。答案是~~

如今摁下F12，在console裏複製粘貼這樣的代碼：裏開始，下面的代碼謹慎寫到公司代碼裏！

~~3.14159
// => 3
~~5.678
// => 5

這個技巧十分裝逼，原理是~是一個叫作按位非的操做，會返回數值的反碼。是二進制操做。

緣由在於JavaScript中的number都是double類型的，在位操做的時候要轉化成int，兩次~就仍是原數。

Hex

十六進制操做。其實就是一個Array.prototype.toString(16)的用法

作到隨機的話能夠這樣

(~~(Math.random()*((1<<24)-1))).toString(16)+'00000').substring(0,7)

此隨機數會產生五位，四位，甚至一位的顏色。因此嚴謹的話仍是要作一下斷定的

«

這個也是二進制操做。將數值二進制左移

解釋上面的1<<24的操做。

實際上是1左移24位。000000000000000000000001左移24位，變成了1000000000000000000000000

parseInt('1000000000000000000000000', 2) === (1 << 24)

其實還有一種更容易理解的方法來解釋

Math.pow(2,24) === (1 << 24)

BTW

[].forEach.call($$("*"),function(a){
    a.style.outline="1px solid #"+(~~(Math.random()*(1<<24))).toString(16)
})