跳到主要內容

[Javascript] xor 運算子浮點運算在不同瀏覽器速率比較

因為某支js檔案無法通過JSlint 檢查而導致錯誤,檢查出來結果是因為xor ( ^ )的運算子沒辦法通過JSlint檢查項目裡面提到:

Bitwise Operators

JavaScript does not have an integer type, but it does have bitwise operators. The bitwise operators convert their operands from floating point to integers and back, so they are not as efficient as in C or other languages. They are rarely useful in browser applications. The similarity to the logical operators can mask some programming errors. The bitwise option prohibits the use of these operators: << >> >>> ~ & |.

原因是因為Javascript 會將資料轉換為float來做運算比較,因此會使效能降低。

讓我興起實測一下到底速度差異多少,以下使用javascript XOR運算子,以及NAND組合運算子,來比較一下實際速度差異。



XOR (互斥)邏輯閘

XYZ
000
011
101
110









XOR from NAND


XOR normal:

(a ^ b);

XOR from NAND:

!(!(a && !(a && b)) && !(b && !(a && b)));

簡化之後

(a && !b || !a && b);


皆執行運算99999999 次之後發現結果如下:


Chrome
Firefox

Safari

Opera
IE 8 (只有執行99999次,長時間會跳出警告訊息)



這只有部份數據截圖,在大部分的測試當中發現,chrome, firefox, IE差異大約在500毫秒左右,兩者差異並沒有太大,而safari和opera反而是XOR normal的執行速率較快,這是目前實測的結果。

所以經過以上測試之後,決定將繼續使用XOR normal的方式,第一個是好維護,第二個是容易修改,第三實際效率差異不大,javascript file就當作是JSlint的特別例子。


Live Demo:
XOR demo page.


測試速度: (感謝夯哥提供)
xor 速度測試 - jsPerf

歡迎各方測試之後將實際數據回傳,同時分享自己的感想。

留言

  1. 幫你建了一個 testcase:
    http://jsperf.com/xor

    回覆刪除
  2. @Hunter Wu
    這個網站好有趣啊,把這個連結放到文章裡面。

    回覆刪除

張貼留言

這個網誌中的熱門文章

[分享] 腳踏車環島注意事項

很多人都期望自己能夠做點什麼,做些什麼,而退伍之後的第二個星期,就展開了環島之旅。 對很多人來說這不算什麼,甚至有人展開了走路、跑步、溜滑板、單輪車等方式環島一周,充分展現對台灣的愛與關懷。 這篇主要讓不知道怎麼準備環島的人,作一個完善的解說,首先隨身的東西要有: 證件現金類 : 身份證 健保卡 學生證 現金 提款卡 悠遊卡

[解釋] uuid 與 guid 的差異

uuid 與 guid 的差異 很多人都有使用過 MySQL 的 number auto increment, 可是實際使用之後就會發現,很快的數字會不夠使用,而且這個 id 是很容易被猜測出來連續性。 因此就開始進行了解,看到了 uuid 這個名詞,進而下去查詢發現 guid 的另外這個名詞,感覺上這兩個名詞似乎是有些什麼特殊關連。 這篇文章就小小記錄一下自己的查詢心得。

[教學] 快快樂樂刪除CodeIgniter index.php

預設的CI網址預設都設定為index.php同一層級,因此所有的程式都必須指定index.php導向才能開始,例如 http://localhost/ci/index.php/welcome/test http://localhost/ci/welcome/test 本文將說明如何將惱人的index.php消除,還你一個漂亮的URL。 設定開始: 接下來說明如何使用rewrite方式將惱人的index.php去除。 rewrite不清楚的人,煩請先自行google 首先要先確定Apache的 mod_rewrite 有 開啟 ,如果沒有開啟請設定好之後重新啟動apache。 接著,在根目錄底下建立一個新檔案,檔名為 .htaccess ,裡面程式碼如下: <IfModule mod_rewrite.c> RewriteEngine On RewriteBase / RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteRule ^(.*)$ index.php/$1 [L] </IfModule> 接著到 application/config/config.php ,開啟檔案修改 $config['index_page'] = ""; 注意: /index.php/$1 要根據你目錄,例如 http://localhost/index.php ,網站根目錄為 /ci/index.php 則要寫成 /ci/index.php/$1 接著至CI目錄下,尋找 config\config.php , 修改一下裡面的檔案,修改如下: $config['index_page'] = ""; 存檔後,如此一來大功告成。 參考資料 官方網站說明