站内搜索:
首页 >> 前端 >> 内容
ES5和ES6面向对象的写法(代码实例分析)

时间:2018/5/31 14:40:02

面向对象:

ES5:

 function User(name,age){
                    this.name = name;
                    this.age = age;
        }

        User.prototype.showName=function(){
                console.log(this.name);
        }
        User.prototype.showAge=function(){
                console.log(this.age);
        }

        function Vipuser(name,age,level){
                    User.call(this,name,age);
                    this.level = level;
        }
        Vipuser.prototype = new User();
        Vipuser.prototype.constructor = Vipuser;

        Vipuser.prototype.showLevel=function(){
                console.log(this.level);
        }

        var v1 = new Vipuser('hum',12,3);
        v1.showName();
        v1.showAge();
        v1.showLevel();
ES6:      面向对象:注意User后面没有括号。
class User{
        constructor(name,age){
            this.name = name;
            this.age = age;
        }
        showName(){
            console.log(this.name);
        }
        showAge(){
            console.log(this.age);
        }
     }

     class Vipuser extends User{
        constructor(name,age,level){
            super(name,age);
            this.level = level;
        }
        showLevel(){
            console.log(this.level);
        }
     }
var v1 = new Vipuser('han',10,2);
v1.showName();
v1.showAge();
v1.showLevel();

  • 上一篇:egret游戏开发之跳转场景初步设计分享
  • 下一篇:三种辨别数组与对象的方法介绍
  • 返回顶部