9、面向对象（ES5、ES6）

<script>
    // 1、构造函数
    // ES5:没有类的概念，通过构造函数来实现类
    // 构造函数的函数名：首字母大写
    // 构造函数是用来创建对象用的
    function Person(name, age) {
      this.name = name;
      this.age = age;
    }
    // 2、通过构造函数的prototype属性修改属性、方法
    Person.prototype.name = 'jasmine_qiqi';
    Person.prototype.getName = function () {
      console.log(this.name);
    }
    Person.prototype.getAge = function () {
      console.log(this.age);
    }
    // 3、new创建对象
    var people = new Person('jasmine', 18);
    console.log(people.name);   // 输出结果：jasmine
    console.log(people.age);    // 输出结果：18
    people.getAge();    // 输出结果：18
    // 4、原型链（实现继承）
    // 4.1、原型
    function Female(name) {
      this.name = name;
    }
    // 4.2、原型的原型
    Female.prototype = new Person();
    // 4.3、创建对象，调用原型的原型的方法，叫做通过原型链来实现继承
    var people = new Female('jasmine_QiQi');
    people.getName();   // 输出结果：jasmine_QiQi
  </script>

  <script>
    // ES6支持类的概念
    class Person {
      constructor(name, age) {
        this.name = name;
        this.age = age;
      }
      getName() {
        console.log(this.name);
      }
      getAge() {
        console.log(this.age);
      }
    }
    var people = new Person('jasmine', 18);
    people.getName();   // 输出结果：jasmine
    people.getAge();    // 输出结果：18
    // class继承父类方法
    class Female extends Person {
      constructor(name, age, sex) {
        super(name, age);
        this.sex = sex;
      }
      getSex() {
        console.log(this.sex);
      }
    }
    var people = new Female('jasmine', 18, '女');
    people.getName();   // 输出结果：jasmine
    people.getAge();    // 输出结果：18
    people.getSex();    // 输出结果：女
    // 扩展Date的格式化方法
    Date.prototype.dateFormate = function () {
      let year = this.getFullYear();
      let month = this.getMonth() + 1;
      let date = this.getDate();
      return `${year}年${month}月${date}日`;
    }
    let today = new Date();
    var result = today.dateFormate();
    console.log(result);    // 输出结果：2022年4月7日
  </script>