es6-函数prototype和类class的创建

由于一些对象的方法都是不变的,那么可以通过prototype去定义方法

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

User.prototype.info = function(){
    console.log(`${this.name} - ${this.email]`);
}

const tom = new User('tom', '12@qq.com');
tom.info()

类的定义

class User {
    constructor(name, email) {
        this.name = name;
        this.email = email;
    }
    
    info() {
        return `${this.name} - ${this.email}`;
    }
    // 静态方法,通过类名调用
    static description(){
        return 'this is a user class';
    }

    set github(value){
        this.githubName = value;
    }

    get github(){
        return `${this.githubName} - 'jiayou'`
    }

}
const tom = new User('tom', '12@qq.com');
const jack = new User('jack', '456@qq.com');

类的继承

class Animal {
    constructor(name) {
        this.name = name;
        this.foods = [];
    }

    eat(food) {
        this.foods.push(food);
    }
}

class Dog extends Animal {
    constructor(name, age) {
        super(name); // 调用父类的构造函数
        this.age = age;
    }
    bark() {
        console.log('bark!');
    }
}
const dog = new Dog('dog1', 12);    

继承Array的例子

class movieCollection extends Array {
    constructor(name, ...items) {
        super(...items); // 调用父类的构造函数
        this.name = name
    }

    add(movie) {
        this.push(movie);
    }
}

const movies = new movieCollection('favorite movies',
    { name: 'movie-1', score: 9.9 },
    { name: 'movie-2', score: 3.4 },
    { name: 'movie-3', score: 8.7 },
    { name: 'movie-4', score: 7.1 },
)
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值