1 <!DOCTYPE html> 2 <html> 3 ????<head> 4 ????????<meta charset="UTF-8"> 5 ????????<title></title> 6 ????????<script type="text/javascript"> 7 ?????????????8 ????????????//创建一个对象 9 ????????????//var obj = new Object();10 ????????????11 ????????????/*12 ?????????????* 上面这种方式有点麻烦,有一个更简单的一个方式,本质上都是一样的,两种方式都要会用13 ?????????????* 使用对象字面量来创建一个对象14 ?????????????*/15 ????????????var obj = {};16 ????????????console.log(typeof obj);//object17 ????????????18 ????????????obj.name = "孙悟空";19 ????????????console.log(obj.name);//孙悟空20 ????????????21 ????????????//------------------------------------------------------------------------------------------------------22 ????????????23 ????????????/*24 ?????????????* 使用对象字面量,可以在创建对象时,直接指定对象中的属性25 ?????????????* 语法:{属性名:属性值,属性名:属性值....}26 ?????????????* ????对象字面量的属性名可以加引号也可以不加,建议不加,27 ?????????????* ????如果要使用一些特殊的名字,则必须加引号28 ?????????????* 29 ?????????????* 属性名和属性值是一组一组的名值对结构,30 ?????????????* ????名和值之间使用:连接,多个名值对之间使用,隔开31 ?????????????* ????如果一个属性之后没有其他的属性了,就不要写,32 ?????????????*/33 ????????????34 ????????????var obj2 = {35 ????????????????36 ????????????????name:"猪八戒",37 ????????????????age:13,38 ????????????????gender:"男",39 ????????????????test:{name:"沙僧"}40 ????????????????41 ????????????};42 ????????????43 ????????????console.log(obj2.test);//object Object44 ????????????console.log(obj2.test.name);//沙僧45 46 47 ????????</script>48 ????</head>49 ????<body>50 ????</body>51 </html>
JS基础_对象字面量
原文地址:http://www.cnblogs.com/ZHOUVIP/p/7683857.html