JavaScript 类继承
- 和其他功能一样,ECMAScript 实现继承的方式不止一种。这是因为 JavaScript 中的继承机制并不是明确规定的,而是通过模仿实现的。这意味着所有的继承细节并非完全由解释程序处理。作为开发者,你有权决定最适用的继承方式。
- 创建的子类将继承超类的所有属性和方法,包括构造函数及方法的实现。记住,所有属性和方法都是公用的,因此子类可直接访问这些方法。子类还可添加超类中没有的新属性和方法,也可以覆盖超类的属性和方法。
- 继承的方式:
- 对象冒充方式方式一
/*被继承类*/ function Animal_1(name) { this.name = name; this.printName = function () { console.log(this.name); } } function Person_1(name,age) { this.method1 = Animal_1; this.method1(name); this.age = age; this.printAge = function () { console.log(this.age); } } var o1 = new Person_1("ysw",18); var o2 = new Animal_1("ysw"); console.log(o1); console.log(o2); console.log(o1 instanceof Animal_1); console.log(o1 instanceof Person_1); console.log(o2 instanceof Animal_1); console.log(o2 instanceof Person_1);
- 对象冒充方式方式二:利用call方法和apply方法
function Animal_2(name) { this.name = name; this.printName = function () { console.log(this.name); } } function Person_2(name,age) { Animal_2.call(this,name); // Animal_2.apply(this,new Array(name)); this.age = age; this.printAge = function () { console.log(this.age); } } o1 = new Person_2("ysw",18); o2 = new Animal_2("ysw"); console.log(o1); console.log(o2); console.log(o1 instanceof Animal_2); console.log(o1 instanceof Person_2); console.log(o2 instanceof Animal_2); console.log(o2 instanceof Person_2);
- 原型链方式
/*被继承类*/ function Animal_3() { } Animal_3.prototype.name = "ysw"; Animal_3.prototype.printName = function () { console.log(this.name); }; function Person_3() { } Person_3.prototype = new Animal_3(); Person_3.prototype.age = 18; Person_3.prototype.printAge = function () { console.log(this.age); }; o1 = new Person_3(); o2 = new Animal_3(); console.log(o1); console.log(o2); console.log(o1 instanceof Animal_3); console.log(o1 instanceof Person_3); console.log(o2 instanceof Animal_3); console.log(o2 instanceof Person_3);
- 混合方式:结合对象冒充方式和原型链方式的优点,是ES6之前最常用的继承方式
/*被继承类*/ function Animal_4(name) { this.name = name; } Animal_4.prototype.printName = function () { console.log(this.name); }; function Person_4(name,age) { Animal_4.call(this,name); this.age = age; } Person_4.prototype = new Animal_4(); Person_4.prototype.printAge = function () { console.log(this.age); }; o1 = new Person_4("晏沈威",22); o2 = new Animal_4("晏沈威"); console.log(o1); console.log(o2); console.log(o1 instanceof Animal_4); console.log(o1 instanceof Person_4); console.log(o2 instanceof Animal_4); console.log(o2 instanceof Person_4);
- ES6语法 class extends继承
/*被继承类*/ class Animal_5 { constructor(name){ this.name = name; } printName(){ console.log(this.name); } } class Person_5 extends Animal_5{ constructor(name,age){ super(name); this.age = age; } printAge() { console.log(this.age); }; } o1 = new Person_5("晏沈威",22); o2 = new Animal_5("晏沈威"); console.log(o1); console.log(o2); console.log(o1 instanceof Animal_5); console.log(o1 instanceof Person_5); console.log(o2 instanceof Animal_5); console.log(o2 instanceof Person_5);
低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。
持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。
转载内容版权归作者及来源网站所有,本站原创内容转载请注明来源。
- 上一篇
Antlr4的分析错误处理
(前文通用型的中文编程语言探讨之一: 高考, 即使是这"第一步", 即使一切顺利达到列出的功能恐怕也需要个人数年的业余时间. 看到不少乎友都远更有资本和实力更快速地完成这一工程. 希望随时告知类似项目, 省得在下作无用功) 初步打算用Antlr4生成Java实现的词语法分析器, 主要是出于减少工作量的考虑, 但相应的需要深入学习这个工具. 根据至今看到的相关文档以及Antlr项目本身, 感觉还蛮实用, 可持续性也不错, 这些学习应该不会白费. 之前没有实验过它对错误语法的处理. 本文实现了编程语言试验之Antlr4+Java实现"圈2"的Visitor版本. 再添加了定制的词法语法错误处理. 源码在program-in-chinese/quan5 语法最简单, 只包含一个数: grammar 圈5; 程序 : T数; T数 : [0-9]+ ; T空白 : [ \n\t]+ -> skip; 定制的语法错误处理器, 只有报告功能: public class 语法错误监听器 extends BaseErrorListener { @Override public void synt...
- 下一篇
社交系统ThinkSNS+安装部署演示
ThinkSNS(简称TS),一款全平台综合性社交软件系统,10年来为国内外大中小企业和创业者提供社交化软件研发及技术解决方案。目前有ThinkSNS V4、ThinkSNS+两个并行系统。 ThinkSNS社交系统主要功能有:微博(朋友圈)、即时聊天、直播、论坛、资讯、CMS、活动、频道、圈子、问答、打赏等主流社交功能应有尽有。 ThinkSNS+版本发布之后,很多小伙伴们反馈安装部署有些困难,那么今天我们就通过录制视频的形式,给大家演示安装部署的全过程,由于时间紧张没有字幕,敬请谅解,后续我们有时间的时候会进行后期处理。 好,那么正式演示开始: 社交系统ThinkSNS+安装部署演示视频 视频内容提要: 一、 工具 1. composer composer中文网 http://www.phpcomposer.com 2. github 3. nodejs + yarn或者npm 1. yarn官网 https://yarnpkg.com/zh-Hans/ 2. nodejs官网 https://nodejs.org 二、演示内容 1. thinksns+ 核心包安装 https:/...
相关文章
文章评论
共有0条评论来说两句吧...
文章二维码
点击排行
推荐阅读
最新文章
- Docker安装Oracle12C,快速搭建Oracle学习环境
- Windows10,CentOS7,CentOS8安装Nodejs环境
- Springboot2将连接池hikari替换为druid,体验最强大的数据库连接池
- 设置Eclipse缩进为4个空格,增强代码规范
- CentOS8安装Docker,最新的服务器搭配容器使用
- CentOS7,CentOS8安装Elasticsearch6.8.6
- CentOS7安装Docker,走上虚拟化容器引擎之路
- SpringBoot2初体验,简单认识spring boot2并且搭建基础工程
- CentOS8,CentOS7,CentOS6编译安装Redis5.0.7
- CentOS7设置SWAP分区,小内存服务器的救世主