分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 代码编程

JS ?- ??Class继承

发布时间:2023-09-06 02:12责任编辑:彭小芳关键词:暂无标签

我们先回顾用函数实现Student的方法:

function Student(name) { ???this.name = name;}Student.prototype.hello = function () { ???alert(‘Hello, ‘ + this.name + ‘!‘);}

如果用新的class关键字来编写Student,可以这样写:

class Student { ???constructor(name) { ???????this.name = name; ???} ???hello() { ???????alert(‘Hello, ‘ + this.name + ‘!‘); ???}}

比较一下就可以发现,class的定义包含了构造函数constructor和定义在原型对象上的函数hello()

class定义对象的另一个巨大的好处是继承更方便了,一想我们从Student派生一个PrimaryStudent需要编写的代码量。现在,原型继承的中间对象,原型对象的构造函数等等都不需要考虑了,直接通过extends来实现:
class primereStudent extends Student(name,grade){ ???constructor(name,grade){ ???????super(name); ???????this.grade=grade; ???} ???saygrade(){ ???????return (‘My grade is: ‘ + this.grade ); ???}}

 解释:  要想继承,必须有 extends,constructor ,super(xxxx), 我们这里,constructor构造函数,name 是 我们继承过来的,所以要super(name)/*类似python*/,   grade是新参数,所以要 this.grade=grade,

              asygrade 是 我们自己的函数,所以声明。


JS ?- ??Class继承

原文地址:https://www.cnblogs.com/3532gll/p/9535610.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved