首页 > 其他 > 详细

ES6--面向对象

时间:2018-10-24 18:29:03      阅读:151      评论:0      收藏:0      [点我收藏+]

ES5通过构造函数生成实例对象

function User(name, pass) {
    this.name = name
    this.pass = pass
}

User.prototype.log = function () {
    console.log(‘name = ‘ + this.name + ‘, pass = ‘ + this.pass)
}

var user1 = new User(‘xiaoming‘, ‘12356‘)

user1.log()
//name = xiaoming, pass = 12356

ES6引入class(类)概念与constructor构造方法。定义“类”的方法时,前面不需要加 function 关键字。方法之间不需要逗号分隔,加了会报错。

class User {
    constructor(name, pass) {
        this.name = name
        this.pass = pass
    }

    log() {
        console.log(`name = ${this.name} , pass = ${this.pass}`)
    }
}
let user1 = new User(‘xiaoming‘, ‘12356‘)
user1.log()
//name = xiaoming , pass = 12356

继承

ES5继承

function VipUser(name, pass, level) {
    User.call(this, name, pass)
    this.level = level
}
VipUser.prototype = new User();
VipUser.prototype.constructor = VipUser
VipUser.prototype.logLevel = function () {
    console.log(‘level = ‘ + this.level)
}
var v1 = new VipUser(‘xiaoming‘, ‘123456‘, ‘5‘)
v1.log()
v1.logLevel()

ES6继承(extends和super)

class VipUser extends User {
    constructor(name, pass, level) {
        super(name, pass)
        this.level = level
    }

    logLevel() {
        console.log(`level = ${this.level}`)
    }
}

let v1 = new VipUser(‘xiaoming‘, ‘1234‘, ‘5‘)

 

ES6--面向对象

原文:https://www.cnblogs.com/lianglanlan/p/9844833.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!