06.对象创建模式_构造函数模式.html 885 B

123456789101112131415161718192021222324252627282930313233343536373839
  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>Object构造函数模式</title>
  8. </head>
  9. <body>
  10. <!--
  11. 方式一:Object构造函数模式
  12. *套路:先创建空Object对象,再动态添加属性/方法
  13. *适用场景:起始时不确定对象内部数据
  14. *问题:语句太多
  15. -->
  16. <script>
  17. //一个人:name:'孙悟空',age:22
  18. var p = new Object()
  19. p.name = '孙悟空'
  20. p.age = 22
  21. p.setName = function (name) {
  22. this.name = name
  23. }
  24. console.log(p)
  25. //测试
  26. p.setName('二师兄')
  27. console.log(p.name,p.age)
  28. console.log(p)
  29. </script>
  30. </body>
  31. </html>