码迷,mamicode.com
首页 > 其他好文 > 详细

ES6--面向对象

时间:2018-10-24 19:53:55      阅读:155      评论:0      收藏:0      [点我收藏+]

标签:use   实例   level   方法   生成   es5   console   prot   OLE   

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--面向对象

标签:use   实例   level   方法   生成   es5   console   prot   OLE   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!