JS声明对象时属性名加引号与不加引号的区别

原文地址：http://blog.csdn.net/penwan/article/details/43452463#comments

      这个问题很好有人关注，但我每一次在声明一个对象属性的时候都要想想要不要给属性加引号？加引号与不加引号有什么区别？

其实在JavaScript中，加引号与不加引号都是一样用，都是有效的。

如：

[javascript]  view plain  copy

1. var obj = {  
2.     name    : '琼台博客',  
3.     'age'   : 18,  
4. };  
5.    
6. document.write( 'name : ' + obj['name'] + '<br />' );  
7. document.write( 'age : ' + obj.age + '<br />' );  

执行：

name : 琼台博客
age : 18

哪在什么时候有区别呢？在你使用一些非合法命名规则的时候，就显的有必要了

比如：

[javascript]  view plain  copy

1. var obj = {  
2.     888name : '琼台博客'  
3. };  
4.    
5. document.write( '888name : ' + obj.888name + '<br />' );  

这时候会报错误：

（原文）但你给加上引号，就没事了

如果加上引号，使用  “.属性名”: 方式读取属性时仍然会出错：

[javascript]  view plain  copy

1. var obj = {  
2.     '888name' : '琼台博客'  
3. };  
4.    
5. document.write( '888name : ' + obj.888name + '<br />' );  

执行，发现报错：

如果加上引号，使用  “[‘属性名']”: 方式读取属性时不会出错：

[javascript]  view plain  copy

1. var obj = {  
2.     '888name': '琼台博客'  
3. };  
4.    
5. document.write('888name : ' + obj['888name'] +'<br />' );  

执行：

888name : 琼台博客

甚至还可以更特殊一点，如：

[javascript]  view plain  copy

1. var obj = {  
2.     '': '这个属性名是空的',  
3.     ' ': '这个属性名是一个空格'  
4. };  
5.    
6. document.write(  obj[''] +'<br />' );  
7. document.write(  obj[' '] +'<br />' );  

执行：

这个属性名是空的
这个属性名是一个空格

我们引用对象成员的时候，由于属性名不是合法命名规则，因此也需要使用中括号的方式来访问，也建议大家以后采取中括号的方式读取对象属性值，以免有意外错误

虽然实际我们写程序一般都遵守程序公约，不会去制造一些另类，但特殊性情况下，这些能力也可以弥补一些变态需求。