前端学习（1696）：前端系列javascript之class和继承

class Prople {constructor(name) {this.name = name;}eat() {console.log(`${this.name} eat something`)}
}//类
class Student extends Prople {constructor(name, number) {super(name);this.number = number;}sayHi() {console.log(`姓名 ${this.name} .学号 ${this.number}`)}
}class Teacher extends Prople {constructor(name, major) {super(name);this.major = major;}teach() {console.log(`姓名 ${this.name} .学号 ${this.major}`)}
}
//通过类声明实例
const xialuo = new Student('下落', 100);
console.log(xialuo.name);
console.log(xialuo.number);
xialuo.sayHi();
xialuo.eat();const geyao = new Teacher('hah', '66');
console.log(geyao.name);
console.log(geyao.major);
geyao.teach();
geyao.eat();

运行结果

前端学习（1696）：前端系列javascript之class和继承相关推荐

2021年最新版Web前端学习路线图-前端小白入门必读-推荐
2021年最新版Web前端学习路线图-前端小白入门必读-推荐 Hello,大家好,相信很多学习前端的小伙伴,会有很多的疑惑: 我要学习那些技术? 我要到哪里去学习这些技术呢? 学习这些技术的目的对就业 ...
web前端学习之前端重构方案，来了解一下
前端技术发展很快,很多项目面临前端部分重构,很开心可以让我进行这次项目前端的重构方案编写,在思考的同时参考了网上很多资料,希望本篇重构方案有一定的完整性,可以带给大家一些在面临重构时有用的东西,同时希 ...
Web前端学习-第三课JavaScript篇
Q5:解释什么是引用类型?在使用引用类型的时候需要注意什么? 引用类型通常叫做类,也就是说,遇到引用值时,所处理的就是对象,就是公用. 类型: object类型,应用于应用程序中存储和数据传输(创建 ...
【融职培训】Web前端学习第3章 JavaScript基础教程9 内置对象
一.内置对象概述 javascript为我们提供了很多内置对象,这些内置对象为我们提供了很多语言的基本功能.我们之前学过的数组就是JavaScript的内置对象,除了数组我们还应该了解的内置对象有:M ...
【Web前端学习之路】JavaScript入门（黑马课程学习笔记）
1.编程语言和标记语言的区别编程语言有很强的逻辑和行为能力,通常是主动的指令,如:if.while等. 标记语言不用于向计算机发出指令,常用于格式化和链接,通常是被读取的. 2.JavaScript ...
Java前端学习（一）JavaScript脚本语言基础
JavaScript脚本语言基础前言一.JavaScript简介 1.应用 2.特点 3.示例 4.补充二.语法基础 1.数据类型 2.表达式和运算符 3.流程控制语句 4.函数三.对话框 1 ...
【融职培训】Web前端学习第3章 JavaScript基础教程18 BOM概述
一.概述 <javaScript高级程序设计>这本书讲过: javaScript = ECMAScript + DOM + BOM. DOM:文档对象模型(document对象) BOM: ...
【前端学习】前端学习第十五天：JavaScript中的事件模型
在各种浏览器中存在三种事件模型:原始事件模型.DOM事件模型和IE事件模型: 一.原始事件模型: 原始事件模型被所有浏览器支持: 在原始事件模型中.事件一旦发生就直接调用事件处理函数,事件不会向别的对 ...
【前端学习】前端学习第十三天：JavaScript中DOM技术介绍
DOM即文档对象模型,是一种与浏览器.编程平台和语言无关的应用程序接口,它提供了动态访问和更新文档的内容.结构和样式的基本方法. 下面是网页文档对象对应的节点树: DOM中节点具有不同的类型,常见的节 ...

前端学习（1696）：前端系列javascript之class和继承

前端学习（1696）：前端系列javascript之class和继承相关推荐

最新文章

热门文章