首页 > 其他 > 详细

ES5和es6的封装继承

时间:2019-08-04 20:09:36      阅读:102      评论:0      收藏:0      [点我收藏+]
/*
ES5使用class  继承
*/
//方法对象
function Car(options){
	this.title = options.title;
}

//开车
Car.prototype.drive = function(){
	return "vromm"
};

//实例化
const car1 = new Car({title:"事实上"});


//继承
function Toyota(options){
	this.color = options.color;
	Car.call(this,options);///重要
	
}

Toyota.prototype = Object.create(Car.prototype);
Toyota.prototype.constructor = Toyota;//Toyota 拥有 drive方法


const toyota = new Toyota({color:‘red‘,title:"focus"});
toyota.drive();



/*es6 class 继承 可以用于封装 */
class Car {
	
	constructor({title}) {//结构
		this.title=  title;
	}
	drive(){
		return "vroom";
	}

}

const car = new Car({title:"bmw"})


class Toyota extends Car{//extends Car 是继承
	constructor(options) {
		super(options);//继承
		this.color = options.color;
	}
}

const toyota = new Toyota({color:"red",title:"ficus"});

  



 

ES5和es6的封装继承

原文:https://www.cnblogs.com/shaozhu520/p/11299162.html

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