web前端培訓(xùn)提到很多很實(shí)用的冷門小知識(shí)，如像console.log()可以向控制臺(tái)輸出圖片，用||操作符給變量賦默認(rèn)值，粵嵌來(lái)介紹下JavaScript上的小知識(shí)。

利用Math.random和toString生成隨機(jī)字符串

這里的技巧是利用了toString方法可以接收一個(gè)基數(shù)作為參數(shù)的原理，這個(gè)基數(shù)從2到36封頂。如果不指定，默認(rèn)基數(shù)是10進(jìn)制。

function generateRandomAlphaNum(len) {

    var rdmString = "";

    for (; rdmString.length < len; rdmString += Math.random().toString(36).substr(2));

    return rdmString.substr(0, len);

}

整數(shù)的操作

JavaScript中是沒(méi)有整型概念的，但參加web前端培訓(xùn)學(xué)習(xí)時(shí)利用好位操作符可以輕松處理，同時(shí)獲得效率上的提升。

|0和~~是很好的一個(gè)例子，使用這兩者可以將浮點(diǎn)轉(zhuǎn)成整型且效率方面要比同類的parseInt,Math.round 要快。在處理像素及動(dòng)畫(huà)位移等效果的時(shí)候會(huì)很有用。性能比較見(jiàn)此。

var foo = (12.4 / 4.13) | 0;//結(jié)果為3

var bar = ~~(12.4 / 4.13);//結(jié)果為3

順便說(shuō)句，!!將一個(gè)值方便快速轉(zhuǎn)化為布爾值 !!window===true 。

重寫原生瀏覽器方法以實(shí)現(xiàn)新功能

下載的代碼通過(guò)重寫瀏覽器的alert讓它可以記錄彈窗的次數(shù)。

(function() {

    var oldAlert = window.alert,

        count = 0;

    window.alert = function(a) {

        count++;

        oldAlert(a + "n You've called alert " + count + " times now. Stop, it's evil!");

    };

})();

alert("Hello World");

對(duì)所學(xué)知識(shí)內(nèi)容的興趣可能成為學(xué)習(xí)動(dòng)機(jī)，希望上面所列的JavaScript小知識(shí)能為web前端培訓(xùn)學(xué)習(xí)著帶來(lái)學(xué)習(xí)的動(dòng)力。努力學(xué)習(xí)，勤奮工作，讓青春更加光彩。