js中表达式 ＞＞＞ 0 是什么意思

在开发时，看见一个统计中使用了 >>> 表达式

代码如下

<el-table-column prop="planFunds" min-width="160" header-align="center" align="center" show-overflow-tooltip label="预算总价">
	<template slot-scope="scope">
		{{ fmoney((scope.row.planNumber>>>0)*(scope.row.marketTaxPrice>>>0)) }}
    </template>
</el-table-column>

首先百度大法：

查了MDN原来 >>> 是无符号右移，>> 是有符号移位
原来是移位运算符，属于es6语法，难怪不认识，>>> 也叫逻辑右移，即若该数为正，则高位补0，而若该数为负数，则右移后高位同样补0。那么 >>> 0又代表什么呢？

无符号移位：该操作符会将第一个操作数向右移动指定的位数。向右被移出的位被丢弃，左侧用0填充。因为符号位变成了 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真是诡异啊。