2020/02/09 05-高阶类

最新推荐文章于 2020-12-10 11:37:17 发布
最新推荐文章于 2020-12-10 11:37:17 发布
阅读量88 收藏
点赞数
分类专栏： 53前端开发之ES6入门(二)
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42227818/article/details/104239859
版权

在这里插入图片描述
高阶对象或高阶类，采用了一种Mixin方式，跟python的Mixin方式不太一样，缺什么能力补什么能力，这是一种组合的方式，优于继承。，多继承一来，对于编译器的复杂性就来了

JS是基于面向对象的，类和对象都是对象模版。
混合mixin，指的是将一个对象的全部或者部分拷贝到另一个对象上去。其实就是属性了。
可以将多个类或对象混合成一个类或对象
在这里插入图片描述
现在这两个类是继承好的
在这里插入图片描述
要求这两个都提供序列化serialization的功能，试试用传统的继承方式能否解决
在这里插入图片描述
在这里插入图片描述缺什么功能可以判断有没有什么函数，测试下如何判断这个函数在不在一个class中

在这里插入图片描述
也可以这样，在this里试着调用，判断这个类型是否是function，是就打印ok，错误就抛出错误
在这里插入图片描述
现在进行构造一下，现在this.show1是undefined，所以要raise一个异常出来
在这里插入图片描述
像json一般提供字符的序列化方法stringify，如果没有这个函数，就抛出异常告诉你需要定义

定义一个序列化方法，这种方法更像是一种强制性的约束，现在从这里继承，就开始做检查，没有这个方法就开始抛出异常
在这里插入图片描述
注释掉，先不管这些，看看上面能否使用
在这里插入图片描述在这里插入图片描述
一执行就抛出异常，在派生类里必须要调用super构造器，在return之前
在这里插入图片描述
一般习惯，进入构造器就，如果有继承关系，在第一行就写super
在这里插入图片描述
this替换成实例，所以需要改下面的point，改成stringify
在这里插入图片描述在这里插入图片描述
这一回就可以了
在这里插入图片描述
说明是可以执行的
在这里插入图片描述
这里point3d调用super就到point上去了
在这里插入图片描述
point调用super，到了调用serialization里了
在这里插入图片描述
父类有这个=方法就算你有
在这里插入图片描述
可以调用
在这里插入图片描述
可以把父类的进行覆盖
在这里插入图片描述
这样的方案是一种继承的方案，强制要求具备这种能力，可以在做检查的是补能力，缺什么补什么
在这里插入图片描述在这里插入图片描述
如果使用extends扩展的，继承，不用super会出问题

在这里插入图片描述

现在做几次变形能够明白后面的mixin类

这样匿名类也是可以使用的
在这里插入图片描述
可以这么使用
在这里插入图片描述
更加复杂的，有个叫object，从这里继承
在这里插入图片描述
只要有extends，就必须强行调用super
在这里插入图片描述
A和B都没有x属性，但是不影响使用
在这里插入图片描述
换成A1依然可以
在这里插入图片描述
开始进一步变形，一旦继承，就需要在写构造器的时候写super，没有构造器就可以省略
在这里插入图片描述
这一步可以演化
在这里插入图片描述
下面开始进行构造，这里其实就是一个匿名函数，也就是D其实是一个函数，是一个普通的函数，这个函数调用一次传入的参数是一个类，这个类是作为别人继承要用的东西，传入的参数是一个类，这个类是作为别人继承要用的东西。继承的父类，把参数传进去后
在这里插入图片描述
这里相当于隐藏了一个return，是把一个类定义return回来了
在这里插入图片描述
有个类就可以new，这里的基类都什么都没写，构造器都是空的
在这里插入图片描述
什么都不写相当于用了D内部这个箭头函数所生成的新的类，这个新的类构建了一个实例出来
在这里插入图片描述
调用父类的100就可以使用了
在这里插入图片描述
这一块是一个整体，不能分开，D后面定义的就是一个函数，相当于python的lambda表达式
在这里插入图片描述
这里是return class，把class传回来了，必须是把函数调用一把可以
在这里插入图片描述
调用这个箭头函数，return的是class，类对象
在这里插入图片描述
这个类拿到以后就可以构造，没有定义构造器就可以先调用缺省构造器，缺省构造器会先调用父类的，父类就是A1
在这里插入图片描述
A1的构造器，就赋值成100
在这里插入图片描述
把无关代码拿掉

一个函数D，把里面的参数传给类，因为返回值是类
在这里插入图片描述
参数要么是函数，return值要么是函数，满足其一就是高阶函数，现在在这个基础上，又需要分一下，把原来的继承方式，改成把类混进去
在这里插入图片描述
目标是变成这样子
在这里插入图片描述
这个serialization函数，传了一个参数point，这个point让一个匿名类继承自它，然后这个类，作为一个返回值return。
也就是对这个函数的返回值是一个class，谁继承谁知道在这里插入图片描述
放在extends关键字后面，必须是一个class，函数调用返回的是class
在这里插入图片描述
这个参数可以传进去

在这里插入图片描述
函数调用，就需要执行这个函数体，return了一个class，这个class很特殊，继承自传进去的Sup父类
在这里插入图片描述
这个父类就是point
在这里插入图片描述
相当于point继承一个子类出来在这里插入图片描述
以前的方法相当于，point继承sup，point3d，继承point
在这里插入图片描述
现在是，point3d又一个匿名类，匿名类继承自point，只影响了p3d这个类，point没有增加能力，整个路线被改变掉了
在这里插入图片描述
代码还需要修改
在这里插入图片描述
中间类是它的子类，不影响它
在这里插入图片描述
现在运行试试
在这里插入图片描述
这里没有super
在这里插入图片描述
返回的匿名类中间要加super
在这里插入图片描述
现在运行一下就没有问题
在这里插入图片描述
如果不知道传几个参数，可以用可变参数
在这里插入图片描述
但是这些参数从哪里来，需要在构造器的时候定义，这里需要参数结构之后把参数传给point
在这里插入图片描述
再次执行，4，5，6就可以了
在这里插入图片描述
这种方式是react经常使用的在这里插入图片描述
这个是整个推到过程
在这里插入图片描述
等号右边是一个函数对象
在这里插入图片描述在这里插入图片描述在这里插入图片描述
function和class方式需要练习，ES6的语法必须会
在这里插入图片描述在这里插入图片描述
可以使用箭头函数
在这里插入图片描述
想要把这些写成一行，一定要先把C（object）括号括起来，因为优先级太高，会出错
在这里插入图片描述
下面改序列号
在这里插入图片描述
在这里插入图片描述
改序列化就是增加这个就把原来的定义类变成定义函数，由一个函数变成高阶类，有这个函数送类进去，出类出来，然后得到一个高阶类，高阶类才是我们要用的东西，就把一个类包装起来了，子类一继承，被迫利用，相当于对父类做扩展，扩展出一个中间子类，中间子类又被别人继承了，中间子类就 变成别人的父类，被迫按照父类的要求有这样的东西。
总的来看
ponit3d继承自point，只不过在中间加了一个中间层
在这里插入图片描述
react框架大量使用了这种mixin技术
在这里插入图片描述

48N6E
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Omnibit全向车-高阶控制1
08-03
1. 学习目标 2. 编程方式 3. 寻找积木 4. 讲解积木 5. 积木搭建
ES6 JavaScript 高阶对象、高阶类 详解
weixin_44983653的博客
08-06 385
ES6 JavaScript 高阶对象、高阶类 详解前言1、高阶对象实现1.1 普通的继承1.2 匿名类1.3 匿名继承1.4 用箭头函数改进匿名继承1.5 继续演进上述例子2、继承方法2.1 通过类来继承2.1 通过函数来继承3、通过函数给类添加方法的实例3.1 通过函数增加属性方法3.2 通过类增加属性方法4、多函数增加属性方法5、父子属性优先级 前言 JS 是基于对象的，类 和 对象 都是 对象模版 混合 Mixin，指的是将一个对象的全部或者部分拷贝到另一个对象上去，其实就是属性 可以将多个类或对
JS高阶对象、高阶类、或称Mixin模式
鑫仔之行
07-10 290
文章目录高阶对象、高阶类、或称Mixin模式继承实现高阶对象实现 高阶对象、高阶类、或称Mixin模式 Mixin模式，混合模式。这是一种不用继承就可以复用的技术。主要还是为了解决多重继承的问题。多继承的继承路径是个问题 JS是基于对象的，类和对象都是对象模板 混合mixin，指的是将一个对象的全部或者部分拷贝到另一个对象上去。其实就是属性了;可以将多个类或对象混合成一个类或对象 继承实现 cl...
高阶类型带来了什么
weixin_34393428的博客
11-20 300
自从实用Kotlin之后，最近的项目中开始可以实践高阶类型了，确实能感受到带来的优美。但同时这又是个不那么容易理解的概念，尤其是Kotlin或者说Java的类型系统中由于本身不支持，而采用一些取巧的办法实现高阶类型的时候，这个概念变得更加晦涩难懂了。 那么下面就尽量已一种通俗易懂的方式带上实例简单介绍一下这个概念，以及它在目前应用中的一...
从零开始学python大数据与量化交易下载_GitHub - mignonwong/Python-100-Days-1: Python - 100天从新手到大师...
weixin_39708737的博客
12-10 685
Python - 100天从新手到大师作者：骆昊说明：从项目上线到获得8w+星标以来，一直收到反馈说基础部分(前15天的内容)对新手来说是比较困难的，建议有配套视频进行讲解。最近把基础部分的内容重新创建了一个名为“Python-Core-50-Courses”的项目，用更为简单通俗的方式重写了这部分内容并附带了视频讲解，初学者可以关注下这个新项目。国内用户如果访问GitHub比较慢的话，也可以关注...
行业分类-设备装置-基于高阶奇异值分解的硅料熔化进程监测方法.zip
08-27
行业分类-设备装置-基于高阶奇异值分解的硅料熔化进程监测方法.zip
计算机网络教案22-需求分析-高阶项目.docx
12-17
计算机网络教案22-需求分析-高阶项目.docx
计算机网络教案31-设计汇报-高阶项目.docx
12-14
计算机网络教案31-设计汇报-高阶项目.docx
高等数学ppt课件 3-3高阶导数.ppt
07-09
高等数学ppt课件 3-3高阶导数
JavaScript介绍.zip
最新发布
04-23
javascript,JavaScript 最初由 Netscape 公司的 Brendan Eich 在 1995 年开发，用于 Netscape Navigator 浏览器。随着时间的推移，JavaScript 成为了网页开发中不可或缺的一部分，并且其应用范围已经远远超出了浏览器，成为了全栈开发的重要工具。
上位机开发罗克韦尔abcip通信协议详解
04-23
上位机开发罗克韦尔abcip通信协议详解 1.注册会话命令详解 6500 0400 00000000 00000000 0000000000000000 00000000 0100 0000 响应 6500 0400 05000400 00000000 0000000000000000 00000000 0100 0000 6500：注册请求命令 0400：服务长度（0100 0000） 00000000：会话句柄 （由PLC生成） 00000000：状态默认 0000000000000000：发送方描述，默认0 00000000：选项，默认0 0100：协议版本，默认1 0000：选项标记，默认0
Microsoft SPY++ 工具及使用教程
04-23
Spy++ (SPYXX.EXE) 是一个基于 Win32 的实用工具，提供系统进程、线程、窗口和窗口消息的图形视图。 Spy++ 有两个版本。 第一个版本，名为 Spy++ (spyxx.exe)，用于显示发送到在 32 位进程中运行的窗口的消息。 例如，在 32 位进程中运行的 Visual Studio。 因此，可以使用 Spy++ 来显示发送到“解决方案资源管理器” 中的消息。 由于 Visual Studio 中大多数生成的默认配置都是在 32 位进程中运行的，因此如果已安装所需组件，则第一个版本的 Spy++ 就是在 Visual Studio 中的“工具”菜单上可用的那一个。 第二个版本，名为 Spy++（64 位）(spyxx_amd64.exe)，用于显示发送到在 64 位进程中运行的窗口的消息。 例如，在 64 位操作系统上，记事本在 64 位进程中运行。 因此，可以使用 Spy++（64 位）来显示发送到记事本的消息。 详细的使用说明请见：https://blog.csdn.net/huang1600301017/article/details/138137
js导出excel封装【原生、配置式】 示例
04-23
导出excel示例
HTML2-iOs-App模板官网落地页APP主页产品宣传页源码 landing静态页面.zip
04-23
HTML2-iOs-App模板官网落地页APP主页产品宣传页源码 landing静态页面
围绕talib-ruby项目的更高级别的包装-Ruby
04-23
计算机技术是指评价计算机系统的各种知识和技能的总称。它涵盖了计算机硬件、软件、网络和信息安全等方面。计算机技术的发展使我们能够进行高效的数据处理、信息存储和传输。现代计算机技术包括操作系统、数据库管理、编程语言、算法设计等。同时，人工智能、云计算和大数据等新兴技术也在不断推动计算机技术的进步。计算机技术的应用广泛，涵盖了各个领域，如商业、医疗、教育和娱乐等。随着计算机技术的不断革新，我们可以更加高效地实现预期自动化、标准化
基于Java聊天室程序(java) .zip
04-23
基于Java聊天室程序(java)
百度Apollo学习：Routing模块结构和源码.pdf
04-23
百度Apollo学习：Routing模块结构和源码
中国软件开源创新大赛：开源任务挑战赛（顶会论文复现赛）.zip
04-23
中国软件开源创新大赛：开源任务挑战赛（顶会论文复现赛）
1/(4x^2-1)的高阶导数
04-25
好的，让我来帮你计算一下。我们可以使用泰勒公式，将函数展开成无限幂级数的形式，然后求出其高阶导数。具体地，我们有： 1/(4x^2-1) = 1/2 * [1/(2x-1) - 1/(2x+1)] 将每一个分式展开成泰勒级数，得到： 1/(2x-1) = ∑[2n!/(n!)^2] * (x-1/2)^n / 2^n 1/(2x+1) = ∑[(-2)^n * 2n!/(n!)^2] * (x+1/2)^n / 2^n 将上面两个级数代入到原函数的式子当中，得到： 1/(4x^2-1) = ∑[2^(2n-1)/(n!)^2] * (x-1/2)^n - ∑[2^(2n-1)/(n!)^2] * (x+1/2)^n 对这个式子求高阶导数，我们需要用到二项式定理，得到： d^n/dx^n [1/(4x^2-1)] = ∑[2^(2n-1)/(n!)^2] * (-1)^n * (n choose k) * (x-1/2)^(n-k) * (x+1/2)^k 其中，(n choose k) 是组合数，表示从 n 个元素中选出 k 个元素的不同组合方式数目。 希望这个答案能够帮助你解决问题！

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值