¿Se permiten guiones en los nombres de las propiedades de JavaScript?

Question

Estaba buscando http://docs.jquery.com/Plugins/Authoring#Defaults_and_Options para crear un plugin simple para jQuery. Siguiendo la sección sobre opciones y configuraciones, hice lo siguiente, que no funcionó (el script se detuvo cuando encontró la configuración).

var settings = { 
    'location' : 'top', 
    'background-color': 'blue' 
} 
... 
$this.css('backgroundColor', settings.background-color); // fails here 

Una vez que eliminé el guión del color de fondo, todo funciona correctamente.

var settings = { 
    'location' : 'top', 
    'backgroundColor': 'blue' // dash removed here 
} 
... 
$this.css('backgroundColor', settings.backgroundColor); 

¿Me falta algo, o los documentos de jQuery están equivocados?

Answer 1

no. el analizador lo interpretará como el operador de resta.

puedes hacer settings['background-color'].

Answer 2

Cambie settings.background-color por settings['background-color'].

Las variables no pueden contener - porque se lee como el operador de resta.

Answer 3

Puede tener guiones en cadenas. Si realmente quería mantener ese guión, habría que referirse al establecimiento a través de los soportes y otras cosas:

$this.css('backgroundColor', settings['background-color']); 

Answer 4

Los guiones no son legales en las variables JavaScript. Un nombre de variable debe comenzar con una letra, un signo de dólar o un guión bajo y puede ir seguido del mismo o de un número.