javascript – Lösen Sie den folgenden Code. . Wie man versteht?

Question

color='#FFFFFF';
var colorVal = parseInt(color.slice(1), 16);
result = {
    red: colorVal >> 16 & 0xFF,
    green: colorVal >> 8 & 0xFF,
    blue: colorVal & 0xFF,
}
//{red:255,green:255,blue:255}

Verstanden >> Vorzeichenbehaftete Rechtsverschiebung, warum brauchen wir parseInt(,16)? >>Ist es nicht eine Rechtsverschiebung binärer Daten? . Dann parseInt, egal in welche Basis es konvertiert wird. Die Binärdaten sollten unverändert bleiben.
Warum 16 Bit verschieben? . Ist 'FFFFFF' nicht 6 Byte 48 Bit? .

Answer 1

parseInt('hexStr', 16) 这句的意思是把包含十六进制数字的字符串以解析十六进制的方式转化成Int数值类型，只有数值类型才能移位操作

Answer 2

为什么要parseInt(,16)

'FFFFFF' 只是个字符串，右移运算需要数字。

那么parseInt无论转成多少进制。二进制数据都应该不变啊。

以 'FFFFFF' 为例，低于16进制不存在F，所以是 NaN，高于16进制进位不一样所以也是不同的值。

为什么是移动16位

RGB 每个颜色值为 0~255，即占 8 位。获取 R 值就右移 16 位去掉 G 和 B