5.原型和原型链.html 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  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. // function fn() {
  12. // return 5;
  13. // };
  14. // console.log(fn())
  15. // // 匿名函数
  16. // let fn1 = function() {}
  17. // // 立即执行函数
  18. // (function() {})();
  19. /**
  20. * 构造函数
  21. * 1.首字母大写
  22. * 2.new进行实例化调用
  23. * 3.this指向当前实例
  24. * 4.不用return进行反值
  25. * 属性写在构造函数中
  26. * 方法写在原型中
  27. * 构造函数中自带了prototype属性 指向的是当前构造函数的原型
  28. */
  29. function Fn() {
  30. // console.log(this)
  31. this.name = '图图';
  32. this.age = 3;
  33. Fn.prototype.address = function () {
  34. console.log("我家住在翻斗花园");
  35. }
  36. }
  37. // 实例化调用
  38. let f = new Fn();
  39. console.log(f);
  40. f.address();
  41. </script>
  42. </body>
  43. </html>