01.对象字面量.html 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <title>Document</title>
  8. <script>
  9. //创建一个对象
  10. // var obj = new Object();
  11. /*
  12. 使用对象字面量创建一个对象
  13. */
  14. var obj = {};
  15. // console.log(obj);
  16. // console.log(typeof obj);
  17. obj.name = "孙悟空";
  18. // console.log(obj.name);
  19. /*
  20. 使用对象字面量,可以在创建对象时,直接指定对象中的属性
  21. 语法:{属性名:属性值,属性名:属性值,……}
  22. 对象字面量的属性名可以加引号,也可以不加,建议不加,
  23. 如果要使用一些特殊的名字,则必须加引号
  24. 属性名和属性值是一组一组的名值对结构,
  25. 名和值之间是冒号“:”连接,多个名值对之间使用逗号“,”隔开
  26. 如果一个属性之后没有其他的属性了,就不要写逗号“,”
  27. */
  28. var obj2 = {name:"猪八戒",age:28,gender:"男","#¥@$":"云栈洞"};
  29. // console.log(obj2);
  30. //为了结构更加清晰,上面的格式可以写成下面的样式
  31. var obj2 = {
  32. name: "猪八戒",
  33. age: 28,
  34. gender: "男" ,
  35. "#¥@$":"云栈洞",
  36. test:{name:"沙和尚"}
  37. };
  38. console.log(obj2);
  39. </script>
  40. </head>
  41. <body>
  42. </body>
  43. </html>