¿Qué es el operador JavaScript >>> y cómo lo usa?

Estaba mirando el código de Mozilla que agregaba un método de filtro a Array y tenía una línea de código que me confundía.

var len = this.length >>> 0;

Nunca he visto >>> usado en JavaScript antes.
¿Qué es y para qué sirve?

No solo convierte números que no son números en números, sino que los convierte en números que se pueden expresar como entradas de 32 bits sin signo.

Aunque los números de JavaScript son flotantes de doble precisión (*), los operadores de bits ( <<, >>, &, |y~ ) se definen en términos de operaciones de enteros de 32 bits. Hacer una operación a nivel de bit convierte el número a un int con signo de 32 bits, perdiendo cualquier fracción y bits de lugar superior a 32, antes de hacer el cálculo y luego volver a convertirlo en Número.

Entonces, hacer una operación bit a bit sin efecto real, como un desplazamiento hacia la derecha de 0 bits >>0, es una forma rápida de redondear un número y asegurarse de que esté en el rango int de 32 bits. Además, el >>>operador triple , después de realizar su operación sin signo, convierte los resultados de su cálculo en Número como un entero sin signo en lugar del entero con signo que hacen los demás, por lo que puede usarse para convertir negativos al complemento de dos bits de 32 bits versión como un gran número. Utilizando>>>0 garantiza que tenga un número entero entre 0 y 0xFFFFFFFF.

En este caso, esto es útil porque ECMAScript define los índices de matriz en términos de entradas de 32 bits sin signo. Entonces, si está tratando de implementar array.filterde una manera que duplica exactamente lo que dice el estándar ECMAScript Fifth Edition, debería enviar el número a int de 32 bits sin signo de esta manera.

(En realidad hay poca necesidad práctica de esto como es de esperar la gente no va a ser la creación array.lengthde 0.5, -1, 1e21o 'LEMONS'. Pero esto es autores de JavaScript que estamos hablando, así que nunca se sabe ...)

Resumen:

1>>>0            === 1
-1>>>0           === 0xFFFFFFFF          -1>>0    === -1
1.7>>>0          === 1
0x100000002>>>0  === 2
1e21>>>0         === 0xDEA00000          1e21>>0  === -0x21600000
Infinity>>>0     === 0
NaN>>>0          === 0
null>>>0         === 0
'1'>>>0          === 1
'x'>>>0          === 0
Object>>>0       === 0

(*: bueno, se definen como comportarse como flotadores. No me sorprendería si algún motor de JavaScript realmente usara ints cuando pudiera, por razones de rendimiento. Pero eso sería un detalle de implementación que no podría tomar. Ventaja de.)

El operador de desplazamiento a la derecha sin signo se utiliza en todas las implementaciones de métodos de matriz extra de Mozilla, para garantizar que la lengthpropiedad sea un entero de 32 bits sin signo .

La lengthpropiedad de los objetos de matriz se describe en la especificación como:

Cada objeto de matriz tiene una propiedad de longitud cuyo valor es siempre un entero no negativo menor que 2 ³² .

Este operador es la forma más corta de lograrlo, internamente los métodos de matriz usan la ToUint32operación, pero ese método no es accesible y existe en la especificación para propósitos de implementación.

Las implementaciones adicionales de la matriz de Mozilla intentan cumplir con ECMAScript 5 , mire la descripción del Array.prototype.indexOfmétodo (§ 15.4.4.14):

1. Sea O el resultado de llamar a ToObject pasando este valor 
   como el argumento
2. Deje que lenValue sea el resultado de llamar al método interno [[Get]] de O con 
   El argumento "longitud".
3. Deja que sea  ToUint32 (lenValue) .
....

Como puede ver, solo quieren reproducir el comportamiento del ToUint32método para cumplir con la especificación ES5 en una implementación de ES3, y como dije antes, el operador de desplazamiento a la derecha sin firmar es la forma más fácil.

Ese es el operador de desplazamiento de bit derecho sin signo . La diferencia entre este y el operador de desplazamiento a la derecha firmado poco , es que el no firmada operador de desplazamiento a la derecha bits ( >>> ) se llena de ceros de la izquierda, y el firmado operador de desplazamiento de bits a la derecha ( >> ) se llena con el bit de signo, por lo tanto preservando el signo del valor numérico cuando se desplaza.

Driis ha explicado suficientemente qué es el operador y qué hace. Aquí está el significado detrás de esto / por qué se usó:

Cambiar cualquier dirección por 0sí devuelve el número original y se lanzará nulla 0. Parece que el código de ejemplo que está viendo está usando this.length >>> 0para asegurarse de que lensea ​​numérico, incluso sithis.length no está definido.

Para muchas personas, las operaciones bit a bit no están claras (y Douglas Crockford / jslint sugiere no usar tales cosas). No significa que sea incorrecto hacerlo, pero existen métodos más favorables y familiares para hacer que el código sea más legible. Una forma más clara para asegurarse de que lenes 0es cualquiera de los dos métodos siguientes.

// Cast this.length to a number
var len = +this.length;

o

// Cast this.length to a number, or use 0 if this.length is
// NaN/undefined (evaluates to false)
var len = +this.length || 0; 

>>>es la unsigned operador de desplazamiento a la derecha ( ver p. 76 de la especificación JavaScript 1.5 ), en oposición a la >>, el firmado operador de desplazamiento a la derecha.

>>>cambia los resultados del desplazamiento de números negativos porque no conserva el bit de signo al desplazarse . Las consecuencias de esto se pueden entender por ejemplo, de un intérprete:

$ 1 >> 0
1
$ 0 >> 0
0
$ -1 >> 0
-1
$ 1 >>> 0
1
$ 0 >>> 0
0
$ -1 >>> 0
4294967295
$(-1 >>> 0).toString(16)
"ffffffff"
$ "cabbage" >>> 0
0

Entonces, lo que probablemente se pretende hacer aquí es obtener la longitud, o 0 si la longitud no está definida o no es un número entero, según el "cabbage"ejemplo anterior. Creo que en este caso es seguro asumir que this.lengthnunca lo será < 0. Sin embargo, diría que este ejemplo es un truco desagradable , por dos razones:

1. El comportamiento de <<<cuando se usan números negativos, un efecto secundario probablemente no intencionado (o probable que ocurra) en el ejemplo anterior.

2. La intención del código no es obvia , como lo verifica la existencia de esta pregunta.

La mejor práctica es probablemente usar algo más legible a menos que el rendimiento sea absolutamente crítico:

isNaN(parseInt(foo)) ? 0 : parseInt(foo)

Dos razones:

1. El resultado de >>> es una "integral"

2. indefinido >>> 0 = 0 (dado que JS intentará forzar el LFS al contexto numérico, esto también funcionará para "foo" >>> 0, etc.)

Recuerde que los números en JS tienen una representación interna de doble. Es solo una forma "rápida" de cordura de entrada básica para la longitud.

Sin embargo , -1 >>> 0 (¡Uy, probablemente no sea la longitud deseada!)

El código Java de muestra a continuación explica bien:

int x = 64;

System.out.println("x >>> 3 = "  + (x >>> 3));
System.out.println("x >> 3 = "  + (x >> 3));
System.out.println(Integer.toBinaryString(x >>> 3));
System.out.println(Integer.toBinaryString(x >> 3));

La salida es la siguiente:

x >>> 3 = 536870904
x >> 3 = -8
11111111111111111111111111000
11111111111111111111111111111000