ES6---类的继承

本文详细介绍了ES6中的类继承机制,包括继承基础、构造函数与super的使用、注意事项、抽象基类的创建、继承内置类型以及类的混入。通过实例解析了如何利用ES6的特性实现类的继承,并强调了组合模式在现代JavaScript开发中的重要性。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

ES6的继承其实可以说就是对ES5的继承机制的包装和一些优化 , 其背后还是原型链 。

继承基础

ES6 类支持单继承。使用 extends 关键字,就可以继承任何拥有[[Construct]]和原型的对象

它会继承父类上的原型方法 , 静态成员 , 以及 constructor (需要配合 super)

很大程度上,这意味着不仅可以继承一个类,也可以继承普通的构造函数(保持向后兼容)

class Fclass1 {
   }

// 第一种继承方法
class Sclass1 extends Fclass1 {
   
  // ... 子类里的内容
}

// 第二种继承方法
let Sc1 = class extends Fclass1 {
   
  // ... 子类的内容
}

 // 继承普通函数
function fun() {
   }
let Scfun = class extends fun {
   
  // ... 子类的内容
}

let scl = new Sclass1()
let sc = new Sc1()
let scfun = new Scfun

console.log(scl instanceof Fclass1); // ture
console.log(sc instanceof Fclass1); // ture
console.log(scfun instanceof fun); // ture

派生类(子类)都会通过原型链访问到类和原型上定义的方法。this 的值会反映调用相应方法的实例或者类

就是 定义到原型上的方法 , 在实例调用时会返回的 this 是调用者

​ 而静态的方法 ,在调用时 this 返回的是改静态方法所在的类。

class F2 {
   
  Fproto() {
   
    console.log('F2里的原型方法 ,this 为调用者'
欢迎您继续学习Javascript高级教程。我还将向你们展示<br>Javascript的许多神奇功能,使你能够制作真正对多媒体应用<br>程序。 <br>今天我们将学习一项很有用而且很有趣的内容:cookies - 这<br>是用来记录访问过你的网页的人的信息。利用Cookies你能记录<br>访问者的姓名,并且在该访问者再次访问你的站点时向他发出<br>热情的欢迎信息。你还可以利用cookie记忆用户端的特点 - 如<br>果访问者的所接入的网线的速度慢,cookie可以自动告诉你在<br>给其发送网页的时候只发送尽可能少的图片内容。<br><br>只要你在合理的范围内使用cookies(不要用它探询用户的个人<br>隐私),cookies还是相当实用得。所以我要向你们介绍cookies<br>的工作原理,但是在正式开始之前,我们先谈两个JavaScript<br>内容:有趣的字符串处理以及相关数组。>><br>由于cookies牵扯到向用户的硬盘写盘和读取信息,所以就涉及<br>一个保密性的问题.如果你需要大量什么cookies,你应该阅读<br>一下Marc Slayton写的cooikies揭密以及重新考察cookies.这<br>些文章将告诉你cookie的实质和作用范围以及其内在的局限性.<br>其最重要的局限性在于:不是每个人的浏览器都欢迎cookies.<br>即便是用户的浏览器欢迎cookies,但用户也有可能拒绝cookies<br>的访问(大部分人还是欢迎的)每个域名只分配20个cookies,<br>所以要节省着什么它们.Cookies不得大于4 KB,当然4,000字<br>节的容量是足够的了.<br><br>cookie路径和域 这是掌握cookie最后的一个障碍:缺省情况下cookie只能被在同一个Web服务器上同一个路径下设置了该cookie的网页读取.<br><br>对象和方法的识别 <br>最佳的方法是你先确定某一段代码具备什么功能,然后搞清楚<br>浏览器具备什么功能。 <br><br>对象给我们组织信息提供了一个很好的手段。首先我们看<br>看现实生活中的对象。比如说,一只猴子就是一个对象。它有<br>高度,宽度,毛发等等属性。所有的猴子都有相同的这些属性<br>型,是属性的值的不同才使一只猴子与其它猴子区别开来。<br>猴子也有自己的方法,如玩儿play(),吃eat(),睡sleep()等。<br><br>对象很好理解还因为它能够保持有关词的“感觉”。例如<br>JavaScript中的聚焦方法focus(),很显然就是使什么东西成为<br>焦点。当聚焦方法作用到窗口对象时,它使该窗口弹到前面。<br>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

无糖的酸奶

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值