JavaScript有很多有趣的小技巧，有些在某些情況下非常實用，也有些能做出小小的惡作劇，粵嵌web前端培訓在這簡單介紹幾個。

關于console的惡作劇

Chrome的console.log是支持對文字添加樣式的，甚至log圖片都可以。于是可以重寫掉默認的log方法，把將要log的文字應用到CSS的模糊效果，這樣當有人試圖調用console.log()的時候，出來的是模糊不清的文字。

var _log = console.log;

console.log = function() {

   _log.call(console, '%c' + [].slice.call(arguments).join(' '), 'color:transparent;text-shadow:0 0 2px rgba(0,0,0,.5);');

};

不聲明第三個變量的值交換

我們都知道交換兩個變量值的常規做法，那就是聲明一個中間變量來暫存。但鮮有人去挑戰不聲明中間變量的情況，下面的代碼給出了這種實現。蠻有創意的。

var a=1,b=2;a=[b,b=a][0];

萬物皆對象

在JavaScript的世界，萬物皆對象。除了null和undefined，其他基本類型數字，字符串和布爾值都有對應有包裝對象。對象的一個特征是你可以在它身上直接調用方法。對于數字基本類型，當試圖在其身上調用toString方法會失敗，但用括號括起來后再調用就不會失敗了，內部實現是用相應的包裝對象將基本類型轉為對象。所以(1).toString()相當于new Number(1).toString()。因此，你的確可以把基本類型數字，字符串，布爾等當對象使用的，只是粵嵌web前端培訓提醒，注意語法要得體。

If語句的變形

當你需要寫一個if語句的時候，不妨嘗試另一種更簡便的方法，用JavaScript中的邏輯操作符來代替。

var day=(new Date).getDay()===0;

//傳統if語句

if (day) {

alert('Today is Sunday!');

};

//運用邏輯與代替if

day&&alert('Today is Sunday!');

比如上面的代碼，我們知道邏輯操作存在短路的情況，對于邏輯與表達式，只有兩者都真才結果才為真，如果前面的day變量被判斷為假了，那么對于整個與表達式來說結果就是假，所以就不會繼續去執行后面的alert了，如果前面day為真，則還要繼續執行后面的代碼來確定整個表達式的真假。利用這點達到了if的效果。

對于傳統的if語句，如果執行體代碼超過了1 條語句，則需要加花括號，而利用逗號表達式，可以執行任意條代碼而不用加花括號。

if(conditoin) alert(1),alert(2),console.log(3);

上面if語句中，如果條件成立則執行三個操作，但我們不需要用花括號將這三句代碼括起來。當然，這是不推薦的。

禁止別人以iframe加載你的頁面

if (window.location != window.parent.location) window.parent.location = window.location;

以上就是粵嵌web前端培訓帶來的JavaScript小技巧。