Js之冒牌面向对象 坑

  <script>
    /*
      构造函数的使用
        1. 构造函数首字母建议大写
          => 目的: 为了和其他函数进行区分
        2. 构造函数调用可以不写小括号
          => 当你调用构造函数的时候, 如果不需要传递参数, 可以不写小括号
          => 建议你全都写上
        3. 构造函数内的 this 指向
          => 因为构造函数和 new 关键字连用
          => 因为 new 关键字的能力, 所以构造函数内的 this 指向那个被自动创建出来的对象
          => 又因为这个对象被自动返回了出来, 在函数调用前面定义变量接受了
          => 我们管 构造函数 创建出来的这个对象, 叫做 实例对象
          => 我们管 构造函数 创建对象的过程叫做 实例化 的过程
        4. 构造函数的调用必须和 new 关键字连用
          => 因为只有和 new 关键字连用了, 才会有 实例化 的能力
          => 我们书写构造函数的目的, 就是为了 实例化 对象
        5. 构造函数内不要写 return
          => 如果你 return 了一个基本数据类型, 写了白写
          => 如果你 return 了一个复杂数据类型, 构造函数白写
    */


    // function Person(name, age) {
    //   this.name = name
    //   this.age = age
    // }

    // const p1 = new Person('Jack', 18)
    // console.log(p1)

    // 基础调用方式, this 指向 window
    // 本次调用, 失去了构造函数的意义
    // const p2 = Person('Rose', 20)
    // console.log(p2)



    // 不要写 return,写了也没有用
    function Person(name, age) {
      this.name = name
      this.age = age

      // return [ 1, 2, 3 ]
    }

    const p1 = new Person('Jack', 18)
    console.log(p1)
  </script>