js中表達式 >>> 0 淺析

Scliang 發布于2019-08-22 16:45 / 888人閱讀

摘要：向右被移出的位被丟棄，左側用填充。因為符號位變成了，所以結果總是非負的。即便右移個比特，結果也是非負的。這些與移位的位數無關，移位位主要就是用了的內部特性做了前兩種轉換。一個小小的表達式，隱藏著著多重的異常處理。

今天在看lodash的源碼中slice這個函數實現的時候發現了里面有這么一行代碼

length = start > end ? 0 : ((end - start) >>> 0)
start >>>= 0

當時就很疑惑，知道 >>是移位，那>>>又是什么鬼，還有移位0位又有什么意義呢，帶著強烈的好奇心，我就去探究了一下 >>> 0它到底暗藏什么玄機。

>> 和 >>>有什么不一樣

查了MDN原來>>>是無符號右移，>>是有符號移位，
>>有符號移位：該操作符會將第一個操作數向右移動指定的位數。向右被移出的位被丟棄，拷貝最左側的位以填充左側

-9 >> 2
11111111111111111111111111110111  // -9 -> 11111111111111111111111111111101   // -3

>>>無符號移位：該操作符會將第一個操作數向右移動指定的位數。向右被移出的位被丟棄，左側用0填充。因為符號位變成了 0，所以結果總是非負的。（即便右移 0 個比特，結果也是非負的。）

9 >>> 2
00000000000000000000000000001001   // 9 ->  00000000000000000000000000000010 // 2

根據文檔說明即使移動0位也可以將一個負數變成正數，甚至也可以將一個小數變成整數，將未定義的值轉換為0，那到底移動0位是什么意思。

移位0有什么意義

查過一些資料，其中stackoverflow里面有一個高票回答，里面有這么一句話

It doesn"t just convert non-Numbers to Number, it converts them to Numbers that can be expressed as 32-bit unsigned ints.

原來移位操作符在移位前做了兩種轉換，第一將不是number類型的數據轉換為number，第二將number轉換為無符號的32bit數據，也就是Uint32類型。這些與移位的位數無關，移位0位主要就是用了js的內部特性做了前兩種轉換。

Uint32類型是如何轉換的

1 . 如果不能轉換為Number，那就為0
2 . 如果為非整數，先轉換為整數，參考公式sign(n) ? floor(abs(n))

function ToInteger(x) {
    x = Number(x);
    return x < 0 ? Math.ceil(x) : Math.floor(x);
}

3 . 如果是正數，返回正數，如果是負數，返回負數 + 2的32次方

function modulo(a, b) {
    return a - Math.floor(a/b)*b;
}
function ToUint32(x) {
    return modulo(ToInteger(x), Math.pow(2, 32));
}

參考文章 Integers and shift operators in JavaScript

總結

x >>> 0本質上就是保證x有意義（為數字類型），且為正整數，在有效的數組范圍內（0 ～ 0xFFFFFFFF），且在無意義的情況下缺省值為0。一個小小的表達式，隱藏著著多重的異常處理。js真是詭異啊。

云服務器 GPU云服務器 js gt php中&ltbody&gt js =&gt符號 js &lta&gt

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/94623.html

JS中switch的四種寫法示例

　　JavaScript 的 switch 有四樣寫法,你都知道哪些？　　 JavaScript 的 switch 語句只有一種寫法。其他的寫法，if 分支寫法可以算一種，switch 分支寫法可以算第二種，第三種是使用策略模式，如果要把條件運算符也算上的話，嗯，剛好四種。　　switch一般寫法　　switch 的寫法一般來說是 switch 變量或表達式，case 常量，比如：一個百分制成績，...

3403771864 2022-09-12 20:32 評論0 收藏0
講解vue parseHTML源碼解析harsendcomment鉤子函數

　　我們現在要講述的是當解析器遇到一個文本節點時會如何為文本節點創建元素描述對象，那又該作何處理。　　parseHTML(template,{ 　　chars:function(){ 　　//... 　　}, 　　//... 　　})　　chars源碼：　　　chars:functionchars(text){ 　　if(!currentParent){ 　　{ 　　if(text===templ...

3403771864 2022-10-08 22:22 評論0 收藏0
解析ES6變量賦值和基本數據類型

　　let和const　　let和const兩者并不存在變量提升　　這里要說明的是變量一定要在聲明后使用，否則報錯。　　vara=[]; 　　for(vari=0;i<10;i++){ 　　a[i]=function(){ 　　console.log(i); 　　}; 　　} 　　a[6]();//10　　變量i是var聲明的，我們要知道這里在全局范圍內都有效。我們要知道在每一次循環中，新的...

3403771864 2022-12-25 21:03 評論0 收藏0
Vue編譯器AST抽象語法樹源碼分析

　直接進入核心現在說說baseCompile核心代碼：　　//`createCompilerCreator`allowscreatingcompilersthatusealternative 　　//parser/optimizer/codegen,e.gtheSSRoptimizingcompiler. 　　//Herewejustexportadefaultcompilerusingthede...

3403771864 2022-09-21 22:09 評論0 收藏0
JavaScript時間復雜度和空間復雜度

　　前言　　在JS是用來時間復雜度和空間復雜度，時間復雜度和空間復雜度是衡量一個算法是否優秀的標準，現在我們就來說手時間復雜度和空間復雜度。　　時間復雜度和空間復雜度是衡量一個算法是否優秀的標準，通常我們比較兩個算法時會用到以下兩種方法：　　預先估算：首先做出算法設計，在去估算這個算法所需的時間復雜度和空間復雜度，兩者進行比較，擇優。　　事后統計：寫一個可執行程序/腳本用來表達兩個算法，交給計算機...

3403771864 2022-09-25 22:15 評論0 收藏0