¿Es nulo un nombre de propiedad javascript válido?

Question

Los objetos Javascript se pueden usar como mapas. La siguiente todo es código válido:

var x = {}; 
x.a = 1; 
x['b'] = 2; // the same as x.b = 2; 
x[3] = 3; // x.3 won't work, but this syntax works fine. Also, x[3] == x['3']. 
x['What, this works too?!?!?'] = 'Yup, it does!'; 

Pero hoy he probado otro caso que ... parece funcionar, pero plantea algunas banderas de advertencia en mi cabeza porque se ve mal ...:

x[null] = 42; 

Ahora, sería genial si funcionara como se esperaba (no tendré que volver a escribir un montón de código), pero ¿puedo confiar en ello? O tal vez esto es solo un comportamiento indocumentado que solo sucede para funcionar en todos los navegadores modernos, pero ¿podría dejar de funcionar en la próxima versión de Google Chrome?

Answer 1

Cualquier cosa entre los soportes de propiedad se convierte en una cadena. null se convierte en "null", que es una propiedad válida.

Answer 2

x['null'] = 42; 

No lo recomendaría, sin embargo, para evitar confusiones.

Los nombres de las propiedades son cadenas. Cada cadena funcionará, incluso aquellas que representan identificadores reservados.

Todo lo que no es una cadena se convierte en una cadena (llamando al método del objeto toString()):

a = ['FOO']; // an array 
o = {};  // an object 
o[a] = 'foo'; // using a as the property name 

// o now is: 
{ 
    FOO: 'foo' 
} 

Answer 3

no puedo dejar comentarios así que creé una respuesta ...

Mientras Rob W es correcta su respuesta es un poco engañoso. El elemento entre corchetes se convierte en una cadena usando ToString(). Por lo tanto, un [nula] Sólo es igual a una [ 'nulo'] porque ToString (nulo) == 'nulo'

Tomemos por ejemplo

var a = 1; 
var x = {} 

x[a] = 20; 
x['1'] = 30; -- this is exactly the same as the previous line and now x[a] == 30 

Answer 4

Es ECMAScript válida 5, pero puede tener problemas en algunas versiones de Internet Explorer.

todo esto está bien:

x = {}; 
x[null] = 42; 
x[null]; 
// 42 

x = {"null": 42}; 
x[null]; 
// 42 

Sin embargo, IE8 no acepta lo siguiente con palabras reservadas como null:

x.null 
// Error: Expected identifier 

x = {null: 42} 
// Expected identifier, string or number 

(ambos el trabajo anterior en Chrome, incluso con "use strict" activado.)

Answer 5

Si su entorno admite ES6 y necesita poder almacenar un valor para null así como cualquier cadena arbitraria, entonces puede usar un Map.

const a = new Map(); 

a.set(null, 'foo') 
a.set('null', 'bar') 

// Map { null => 'foo', 'null' => 'bar' }