這麼騷的 js 代碼,不怕被揍麼

曾經,我接手了一份大佬的代碼,裡面充滿了各種“騷操作”,還不加註釋那種,短短几行的函數花了很久才弄懂。

這麼騷的 js 代碼,不怕被揍麼


這世上,“只有魔法才能對抗魔法”,於是後來,翻閱各種“黑魔法”的秘籍,總結了一些比較實用的“騷操作”,讓我們裝X的同時,提升代碼運行的效率(請配合健身房一起使用)。

這麼騷的 js 代碼,不怕被揍麼


位運算

JavaScript 中最臭名昭著的 Bug 就是 0.1 + 0.2 !== 0.3,因為精度的問題,導致所有的浮點運算都是不安全的,具體原因可詳見《0.1 + 0.2不等於0.3?為什麼JavaScript有這種“騷”操作?》。

因此,之前有大牛提出,不要在 JS 中使用位運算:Javascript 完全套用了 Java 的位運算符,包括按位與&、按位或|、按位異或^、按位非~、左移<>和用0補足的右移>>>。這套運算符針對的是整數,所以對 JavaScript 完全無用,因為 JavaScript 內部,所有數字都保存為雙精度浮點數。如果使用它們的話,JavaScript 不得不將運算數先轉為整數,然後再進行運算,這樣就降低了速度。而且"按位與運算符"&同"邏輯與運算符"&&,很容易混淆。

但是在我看來,如果對 JS 的運用達到爐火純青的地步,能避開各種“Feature”的話,偶爾用一下位運算符也無所謂,還能提升運算性能,畢竟直接操作的是計算機最熟悉的二進制。位運算的原理可以參考這篇文章 《位運算符在JS中的妙用》

1.使用左移運算符 << 迅速得出2的次方

這麼騷的 js 代碼,不怕被揍麼

2.使用 ^ 切換變量 0 或 1

這麼騷的 js 代碼,不怕被揍麼

  • 使用 & 判斷奇偶性
  • 偶數 & 1 = 0奇數 & 1 = 1console.log(7 & 1); // 1console.log(8 & 1) ; // 0

    1. 使用 !! 將數字轉為布爾值

    所有非0的值都是true,包括負數、浮點數:

    這麼騷的 js 代碼,不怕被揍麼

    一些可以替代 undefined 的操作
    ""._, 1.._ 和 0[0]

    這麼騷的 js 代碼,不怕被揍麼

    void 0 會比寫 undefined 要快一些

    這麼騷的 js 代碼,不怕被揍麼

    結尾

    雖然上述操作能在一定程度上使代碼更簡潔,但會降低可讀性。在目前的大環境下,機器的性能損失遠比不上人力的損失,因為升級機器配置的成本遠低於維護晦澀代碼的成本,所以請謹慎使用這些“黑魔法”。就算要使用,也請加上註釋,畢竟,這世上還有很多“麻瓜”需要生存。

    這麼騷的 js 代碼,不怕被揍麼

    還有一些其他騷操作,可以參考這位大神總結的 《Byte-saving Techniques》,有些很常見,有些使用環境苛刻,這裡就不一一列出了。

    最後,來一個彩蛋,在控制檯輸入:

    <code>    (!(~+[])+{})[--[~+""][+[]]*[~+[]]+~~!+[]]+({}+[])[[~!+[]]*~+[]]/<code>

    如果以後有人噴你的代碼,你就可以將此代碼發給他。

    這麼騷的 js 代碼,不怕被揍麼

    我花了一個月整理了一份最適合2020年學習的java,web前端。python學習乾貨,想分享給每一位喜歡編程的小夥伴,需要獲取的可以關注我並在後臺私信我:編程,即可免費領取。


    分享到:


    相關文章: