21_对象.html 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>Document</title>
  7. </head>
  8. <body>
  9. <script>
  10. // 对象可以用来表示现实世界中的实体
  11. // Object
  12. // 定义对象 格式:var 对象名 = {}; 对象中所有参数属性
  13. var phone = {
  14. // 对象中由任意个属性构成
  15. // 属性名:属性值, 每一个属性后边都要写逗号
  16. // 属性中不限制数据类型
  17. name:"小米",
  18. price:1999,
  19. color:["红色","绿色","蓝色"],
  20. info:"小米13 Pro",
  21. // 属性中可以嵌套对象
  22. spec:{
  23. screen:"6.5英寸",
  24. camera:"128MP",
  25. battery:"5000mAh",
  26. },
  27. // 对象中可以添加函数
  28. call:function(userName){
  29. console.log("打电话给"+userName);
  30. }
  31. }
  32. // 访问对象中的属性 格式:对象名.属性名 ("."表示链式访问)
  33. console.log(phone.name);
  34. console.log(phone.price);
  35. console.log(phone.color[0]);
  36. console.log(phone.spec.screen);
  37. // 修改对象属性
  38. phone.price = 2999;
  39. console.log(phone.price);
  40. // 删除对象属性 delete
  41. delete phone.info;
  42. console.log(phone)
  43. // 添加对象属性 格式:对象名.新属性名 = 属性值;
  44. phone.spec.memory = "128GB";
  45. console.log(phone)
  46. // 对象中可以添加函数 称为对象方法
  47. phone.call("小李");
  48. </script>
  49. </body>
  50. </html>