zoukankan      html  css  js  c++  java
  • JS 类和继承

    function User(name, pass) {
        this.name = name
        this.pass = pass
    }
    User.prototype.showName = function () {
        console.log(this.name)
    }
    User.prototype.showPass = function () {
        console.log(this.pass)
    }
    
    
    function VipUser(name, pass, level){
    	User.call(this, name, pass)
    	this.level = level
    }
    VipUser.prototype = new User()
    VipUser.prototype.constructor=VipUser
    
    VipUser.prototype.showLevel = function(){
    	console.log(this.level)
    }
    
    
    var u1 = new User('u1', '123')
    u1.showName()
    u1.showPass()
    
    var v1 = new VipUser('v1', '123', '1')
    v1.showName()
    v1.showPass()
    v1.showLevel()
    
    console.log(v1 instanceof User);
    console.log(v1 instanceof VipUser);
    console.log(u1 instanceof User);
    console.log(u1 instanceof VipUser);
    

      

    ES6中

    class User {
        constructor(name, pass) {
            this.name = name
            this.pass = pass
        }
     
        showName() {
            console.log(this.name)
        }
        showPass() {
            console.log(this.pass)
        }
    	showAll() {
    		console.log(this.name, this.pass)
    	}
    }
     
    class VipUser extends User {
        constructor(name, pass, level) {
            super(name, pass)
            this.level = level
        }
        showLevel(){
            console.log(this.level)
        }
    	showAll() {
    		console.log(this.name, this.pass, this.level)
    	}
    }
     
    var u1 = new User('u1', '123')
    u1.showName()
    u1.showPass()
    u1.showAll()
     
    var v1 = new VipUser('v1', '123', '1')
    v1.showName()
    v1.showPass()
    v1.showLevel()
    v1.showAll()
     
    console.log(v1 instanceof User);
    console.log(v1 instanceof VipUser);
    console.log(u1 instanceof User);
    console.log(u1 instanceof VipUser);
    

      

      

  • 相关阅读:
    jperf windows
    Eclipse+Maven命令创建webapp项目<三>
    Eclipse+Maven创建webapp项目<二>
    Eclipse+Maven创建webapp项目<一>
    在java中定义有几种类加载器
    JAVA创建对象有哪几种方式 ?
    js创建对象的几种常用方式小结(推荐)
    maven安装以及eclipse配置maven
    MyEclipse 10.0安装及激活步骤
    jdk下载网址
  • 原文地址:https://www.cnblogs.com/413xiaol/p/11123759.html
Copyright © 2011-2022 走看看