是否允许在javascript属性名称中使用破折号？

Question

我正在查看http://docs.jquery.com/Plugins/Authoring#Defaults_and_Options来为jQuery创建一个简单的插件.在关于选项和设置的部分之后,我执行了以下操作,但这些操作无效(脚本在遇到设置时退出).

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

一旦我从背景颜色中删除了短划线,一切正常.

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

我错过了什么,或者jQuery文档错了吗？

Answer 1

没有.解析器会将其解释为减法运算符.

你能做到的settings['background-color'].

Answer 2

更改settings.background-color到settings['background-color'].

变量不能包含,-因为它被读作减法运算符.

Answer 3

破折号在javascript变量中不合法.变量名必须以字母,美元符号或下划线开头,后跟相同或数字.

Answer 4

字符串中可以有破折号。如果您确实想保留该破折号，则必须使用括号之类的内容来引用该属性：

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

Answer 5

你可以这样做：

var myObject = {
  propertyOne: 'Something',
  'property-two': 'Something two'  
}

for (const val of [
  myObject.propertyOne,
  myObject['propertyOne'],
  myObject['property-two']
  ]){
  console.log(val)
}