js继承

1.es6继承

 // 定义一个普通用户
    class User{
        constructor(name,password){
            this.name=name
            this.password=password
        }
        login(){
            console.log('登录');
        }
    } 
    // 定义一个管理员类,可以继承普通用户的方法和属性,在额外可以删除属性
    class Admin extends User{
        deletePeople(){
            console.log('删除用户');
        }
    }
    let admin=new Admin()
    admin.login()

2.ES5继承

//ES5继承
   function User(name,password){
        this.name=name
        this.password=password
        this.login=function(){
            console.log('登录');
        }
   }
   function Admin(){
        this.deletePeople=function(){
            console.log('删除用户');
        }
   }
   //如何让Admin去继承User的属性和方法,利用原型链
   //Admin.prototype等于User的实例对象(user的实例对象拥有User的所有属性和方法)
   Admin.prototype=new User('miaomian','123')
   let admin=new Admin()
   admin.login()
posted @ 2022-04-06 02:28  Kira的学习笔记  阅读(27)  评论(0)    收藏  举报