ES6中的面向对象class,对新手学习理解大有帮助。

//ES5的做法:


//function Car(options){
// this.style = options.style;
//}
//
//Car.prototype.owner = function(){
// return "ivan";
//}
//
//
//const car = new Car({style:"cool"});
//
//console.log(car.style);
//console.log(car.owner());
//
//function BMW(options){
// var self = this;
// Car.call(self,options);
// this.color = options.color;
//}
//
//BMW.prototype = Object.create(Car.prototype);
//BMW.prototype.constructor = BMW;
//
//const bmw = new BMW({color: "red", style: "bigger"});
//
//console.log(bmw);
//console.log(bmw.owner());




//ES6的做法


class Car{
constructor({style}){
this.style = style;
}
owner(){
return "ivan"; 
}
}


//const car = new Car({style : "cool"});
//console.log(car);
//console.log(car.owner());




class BMW extends Car{
constructor(options){
super(options);
this.color = options.color;
}
}


const bmw = new BMW({style:"bigger", color :"red"}) 
console.log(bmw);
console.log(bmw.owner());
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值