05_对象.html 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Title</title>
  6. </head>
  7. <body>
  8. </body>
  9. </html>
  10. <script>
  11. //new 创建对象
  12. let o = new Object();
  13. o.setName="zs";
  14. o.setAge=18;
  15. o.setAddress="北京海淀";
  16. console.log(o)
  17. //get获取不到
  18. //console.log(o.getName())
  19. console.log(o.setAge)
  20. let o1 = new Object();
  21. //在o1 对象下 添加属性 name age school
  22. o1.name = "ls";
  23. o1.age = 22;
  24. o1.school = "北京大学";
  25. console.log(o1)
  26. // {} 声明对象
  27. // 类 和 对象
  28. let o2 = {
  29. age:12,
  30. name : "zs",
  31. showInfo:function (){
  32. console.log("showInfo")
  33. }
  34. }
  35. console.log(o2);
  36. //调用方法
  37. o2.showInfo();
  38. //设置 password 属性
  39. o2.password = "123456";
  40. console.log(o2.password);
  41. //this关键字
  42. console.log(this) //在方法外 window
  43. function methodThis(){
  44. //函数内指的是方法 window
  45. console.log("this js内"+this.name)
  46. }
  47. methodThis();
  48. let o3 = {
  49. name:"zs",
  50. methodThis1:function (){
  51. console.log("this 对象内"+this.name)
  52. console.log("this 对象内"+this)
  53. }
  54. }
  55. o3.methodThis1()
  56. </script>