js实现继承的几种方法
来源:互联网 发布:淘宝卖家退货怎么同意 编辑:程序博客网 时间:2024/04/29 09:10
近来一直在整理js的知识点,将js实现继承的几种方法分享出来。如有不足,欢迎大神们指正。
子类复制父类的属性和方法
function supFun(x,y){
this.X = x;
this.Y = y;
}
supFun.prototype.move = function(){
console.log(this.X);
}
function subFun(x,y){
var sup = new supFun(x,y);
for(var p in sup){
subFun.prototype[p] = sup[p];
}
}
var sub = new subFun(2,3);
sub.move();//2
使用原型链
function supFun(x,y){
this.X = x;
this.Y = y;
}
supFun.prototype.move = function(){
console.log(this.X);
}
function subFun(x,y){
supFun.call(this,x,y);
}
subFun.prototype = supFun.prototype;
var sub = new subFun(2,3);
sub.move();//2
使用ES6 extends实现class之间的继承
class supFun{
constructor(x,y){
this.X = x;
this.Y = y;
}
move(){
console.log(this.X);
}
}
class subFun extends supFun{
get mulity(){
return this.X*this.Y
}
}
var sub = new subFun(2,3);
console.log(sub.mulity);//6
sub.move();//2
使用ES6的Object.create()方法
function supFun(x,y){
this.X = x;
this.Y = y;
}
supFun.prototype.move = function(){
console.log(this.X);
}
function subFun(x,y){
supFun.call(this,x,y);
}
subFun.prototype = Object.create(supFun.prototype);
var sub = new subFun(2,3);
sub.move();
- js继承的几种实现方法
- js实现继承的几种方法
- js实现继承的几种方法
- js实现继承的几种方法
- JS实现继承的几种方法
- js实现继承的几种方法
- js中实现继承的几种方法
- JS中多继承的几种实现方法
- JS继承的几种方法总结
- js实现继承的几种方式
- js实现继承的几种方式
- JS实现继承的几种方式
- JS继承的实现几种方式
- JS实现继承的几种方式
- js实现继承的几种方式
- JS实现继承的几种方式
- JS实现继承的几种方式
- js继承的几种实现方式
- MySQL入门
- hibernate OneToOne hql多表查询
- 分享到qq空间,微博等
- php分布式部署
- 前端生产二维码(HTML生产二维码)
- js实现继承的几种方法
- 记录开发中遇到的一些小问题和感悟
- Android 数据存储 (一)SharedPreferences
- iOS提交TestFlight测试
- HashMap的实现原理
- opencos 命令官网
- 微信公众平台 微信网页授权
- python3下安装matplotlib2.02
- 分享时的缩略图不显示问题