博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
【总结整理】JS的继承
阅读量:6342 次
发布时间:2019-06-22

本文共 809 字,大约阅读时间需要 2 分钟。

参考阮一峰的文章:

function Shape() {  this.x = 0;  this.y = 0;}Shape.prototype.move = function (x, y) {  this.x += x;  this.y += y;  console.info('Shape moved.');};function Rectangle() {  Shape.call(this); // 调用父类构造函数}// 另一种写法function Rectangle() {  this.base = Shape;  this.base();}// 子类继承父类的方法Rectangle.prototype = Object.create(Shape.prototype);Rectangle.prototype.constructor = Rectangle;var rect = new Rectangle();rect instanceof Rectangle  // truerect instanceof Shape  // truerect.move(1, 1) // 'Shape moved.'

上面代码表示,构造函数的继承分成两部分,一部分是子类调用父类的构造方法,另一部分是子类的原型指向父类的原型。

上面代码中,子类是整体继承父类。有时,只需要单个方法的继承,这时可以采用下面的写法。

ClassB.prototype.print = function() {  ClassA.prototype.print.call(this);  // some code}

上面代码中,子类Bprint方法先调用父类Aprint方法,再部署自己的代码。这就等于继承了父类Aprint方法。

转载于:https://www.cnblogs.com/lianghong/p/8616543.html

你可能感兴趣的文章
nasm预处理器(2)
查看>>
二叉排序树 算法实验
查看>>
Silverlight 5 beta新特性探索系列:10.浏览器模式下内嵌HTML+浏览器模式下创建txt文本文件...
查看>>
YourSQLDba 配置——修改备份路径
查看>>
nginx web服务理论与实战
查看>>
java 库存 进销存 商户 多用户管理系统 SSM springmvc 项目源码
查看>>
网易音乐版轮播-react组件版本
查看>>
ES6 - 函数与剩余运算符
查看>>
你对position了解有多深?看完这2道有意思的题你就有底了...
查看>>
WebSocket跨域问题解决
查看>>
ECMAScript6基本介绍
查看>>
世界经济论坛发布关于区块链网络安全的报告
查看>>
巨杉数据库加入CNCF云原生应用计算基金会,共建开源技术生态
查看>>
Ubuntu 16.04安装Nginx
查看>>
从 JS 编译原理到作用域(链)及闭包
查看>>
flutter 教程(一)flutter介绍
查看>>
CSS面试题目及答案
查看>>
【从蛋壳到满天飞】JS 数据结构解析和算法实现-Arrays(数组)
查看>>
每周记录(三)
查看>>
Spring自定义注解从入门到精通
查看>>