类与继承

àì夳堔傛蜴生んèń 2023-01-02 14:24 176阅读 0赞

// 使用es5定义一个类
    function Person() { 
        // 构造函数里面添加属性
        this.name = '小哥'
        this.age = 18
        this.weight = '65kg'
        // 构造函数里面添加实例方法
        this.work = function() { 
            console.log(this.name + '正在工作，别打让他！')
            // alert(this.name + '正在工作，别打让他！')
        }
    }
    
    // 通过原型链给类扩展新属性
    Person.prototype.sex = '男'
    // 通过原型链给类扩展新方法
    Person.prototype.getWeight = function() { 
        console.log(this.name + '的体重是' + this.weight)
        // alert(this.name + '的体重是' + this.weight)
    }
    
    // 将类进行实例化
    const p = new Person()
    
    // 调用类的构造函数里面的方法
    p.work() // print: '小哥正在工作，别打扰他！'
    
    // 给类添加静态方法，静态方法不需要进行实例化
    Person.getInfo = function() { 
        console.log('我是类的静态方法')
        // alert('我是类的静态方法')
    }
    
    // 调用静态方法
    Person.getInfo() // print: '我是类的静态方法'
    
    
    /* * 对象冒充实现继承 * */
    function Man() { 
        Person.call(this) // 对象冒充实现继承
    }
    
    const newPerson = new Man()
    
    // 对象冒充可以继承构造函数里面的属性和方法
    newPerson.work() // print: '小哥正在工作，别打扰他！'
    
    // 对象冒充不能继承原型链上的属性和方法
    newPerson.getWeight() // 会报错print: newPerson.getWeight is not a function
    
    
    /* * 原型链上实现继承 * */
    // 定义一个新的空类
    function NewMan() { 
    
    }
    
    // 在NewMan的原型链上实现继承
    NewMan.prototype = new Person()
    // 在NewMan的原型链上实现继承,也可这样写
    // NewMan.prototype = Person.prototype
    
    // 重新实例化
    const theMan = new NewMan()
    
    // 原型链实现继承：可以继承构造函数里的属性和方法也可以继承原型链上的属性和方法
    theMan.work() // print: '小哥正在工作，别打扰他！'
    theMan.getWeight() // print: '小哥的体重是65kg'
    
    
    /** * 类里面的修饰符 ts里面定义属性的时候提供了三种修饰符 * * public：公有 在父类里、父类外、子类都可以访问 * protected：保护类型 在父类里、子类可以访问，父类外不能访问 * private：私有 在父类里可访问，子类、父类外无法访问 */
    
    // 何为多态
    // 父类定义一个方法不去实现，让继承它的子类去实现，每个子类有不同的表现