JavaScript中用字面量创建对象介绍
作者:bea
JavaScript中可以用字面量来直接创建一个新对象: 代码如下: var obj = {a:27, "b":99}; 如上所述,在用字面量来创建对象的时候,对象中的property定义可以用单引号或双引号来包括,也可以忽略引号。不过,当property中出现空格、斜杠等特殊字符,或者使用的property与JS关键词冲突时,则必须使用引号。 在用字面量来创建对象的时候,property可以是空字符串,property中也可以出现空格: 代码如下:
JavaScript中可以用字面量来直接创建一个新对象:
代码如下:
var obj = {a:27, "b":99};
如上所述,在用字面量来创建对象的时候,对象中的property定义可以用单引号或双引号来包括,也可以忽略引号。不过,当property中出现空格、斜杠等特殊字符,或者使用的property与JS关键词冲突时,则必须使用引号。
在用字面量来创建对象的时候,property可以是空字符串,property中也可以出现空格:
代码如下:
//empty string is allowed as object property
var o = {"":88, "p":99};
console.log(o);//Object { =88, p=99}
//spaces can be included in property var o2 = {"good score":99, "bad score":52}; console.log(o2);//Object {good score=99, bad score=52}
值得注意的是,即使使用的字面量相同,每次使用字面量时,JavaScript都会创建一个全新的对象:
代码如下:
//every object literal creates a new and distinct object.
var x = {a:18, b:28};
var y = {a:18, b:28};
console.log(x === y);//false
在字面量中,如果最后多出一个逗号(“}”字符前出现”,”),那么有一些JavaScript解释器将报错。事实上,在IE7中,这种行为将导致浏览器假死等问题。在ECMAScript 5标准中,”}”字符前出现”,”是合法的,该逗号会被直接忽略掉。
有用 | 无用
代码如下:
var obj = {a:27, "b":99};
如上所述,在用字面量来创建对象的时候,对象中的property定义可以用单引号或双引号来包括,也可以忽略引号。不过,当property中出现空格、斜杠等特殊字符,或者使用的property与JS关键词冲突时,则必须使用引号。
在用字面量来创建对象的时候,property可以是空字符串,property中也可以出现空格:
代码如下:
//empty string is allowed as object property
var o = {"":88, "p":99};
console.log(o);//Object { =88, p=99}
//spaces can be included in property var o2 = {"good score":99, "bad score":52}; console.log(o2);//Object {good score=99, bad score=52}
值得注意的是,即使使用的字面量相同,每次使用字面量时,JavaScript都会创建一个全新的对象:
代码如下:
//every object literal creates a new and distinct object.
var x = {a:18, b:28};
var y = {a:18, b:28};
console.log(x === y);//false
在字面量中,如果最后多出一个逗号(“}”字符前出现”,”),那么有一些JavaScript解释器将报错。事实上,在IE7中,这种行为将导致浏览器假死等问题。在ECMAScript 5标准中,”}”字符前出现”,”是合法的,该逗号会被直接忽略掉。
有用 | 无用
猜你喜欢
您可能感兴趣的文章:
- JavaScript中的Primitive对象封装介绍
- JavaScript中的值类型转换介绍
- javascript实现滑动解锁功能
- JavaScript中number转换成string介绍
- JavaScript中string转换成number介绍
- JavaScript中的object转换函数toString()与valueOf()介绍
- JavaScript中的object转换成number或string规则介绍
- javascript 事件处理示例分享
- JavaScript中的变量作用域介绍
- JavaScript中的变量定义与储存介绍
- JavaScript中的操作符==与===介绍
- jQuery中[attribute]选择器用法实例
- JavaScript中的比较操作符>、<、>=、<=介绍
- javascript 操作符(~、&、|、^、<<、>>)使用案例
- JavaScript中的逻辑判断符&&、||与!介绍
- JavaScript中的eval()函数使用介绍
- JSONP跨域GET请求解决Ajax跨域访问问题
- JavaScript中的异常捕捉介绍
- JavaScript中对象介绍