登录/注册

首页 资讯 使用ES6新特性开发微信小程序(10)

使用ES6新特性开发微信小程序(10)

资讯来源:蜂鸟

开发,微信小程序

2020/05/12 11:28

1772

文章页标题下640*60

可子类化的内建对象(Subclassable Built-ins)

在ES6中,像Array,Date和Dom元素这样的内建对象都可以被子类化。


通过子类工厂实现简单的合成器(Simple mixins via subclass factories)

mixin在javascript里可以看作是一种从别的对象"借用"功能的方法。每一个新定义的对象都有一个 prototype属性,其他的对象就可以从这里"借用"功能。这里的功能可以是一个属性,也可以是一个方法。

Mixin支持在一个系统中降解功能的重复性,增加功能的重用性。在一些应用程序也许需要在所有的对象实体共享行为的地方,我们能够通过在一个Mixin中维护这个共享的功能,来很容易的避免任何重复,而因此专注于只实现我们系统中真正彼此不同的功能。

在 ES6 中,我们可以采用全新的基于类继承的 “mixin” 模式设计更优雅的“语义化”接口,这是因为 ES6 中的 extends 可以继承动态构造的类,这一点和其他的静态声明类的编程语言不同。当 ES6 类继承另一个类,被继承的类可以是通过任意表达式创建的动态类。这个特性可以允许实现一种合成器模式,用一个函数来将一个类 C 映射到一个新的继承了C的类。

mixin 式继承的基本形式:


用 mixin 实现 Serilizable

上面的代码,我们用 ES6 的类继承实现了 Serializable,它检查当前实例的类上是否有定义 stringify 和 parse 静态方法,如果有,使用静态方法重写 toString 方法,如果没有,则在实例化对象的时候抛出一个异常。然后通过 class Employ extends Serializable(Person) 来实现可序列化,在这里我们没有可序列化 Person 本身,而将 Serializable 在语义上变成一种修饰,即 Employee 是一种可序列化的 Person。

使用weakmaps实现私有实例成员(Private instance members with weakmaps)

Weakmaps解决了私有数据成员的遗留问题。首先,再也没有必自己生成一个唯一的ID了,因为该对象实例本身就是一个唯一ID。其次,当一个对象实例被垃圾回收,绑到该实例中的weakmap中所有数据也会被回收。


privateData在这个例子中是一个WeakMap的实例 。当一个新的Shape被创建时,一个weakmap的条目会被创建用来以便该实例来保存包含私有数据的对象。在weakmap中最关键的是this ,即使对于开发者来说获取一个Shape对象的引用是微不足道的一件事,他们也无法从实例外来访问到privateData,所以,数据被从麻烦制造者手中安全保护了。任何想要操纵私有数据的方法只能够通过传入实例的this ,从而拿到返回的对象。在这个例子中, getName()会获取对象并返回name属性的值。

尾调用优化(Tail-call optimization)

尾调用(Tail Call)是函数式编程的一个重要概念,是指某个函数的最后一步是调用另一个函数。

尾调用优化是为了避免不断保留和创建新的调用栈,而在函数最后一步调用另一个函数。最后一步的意义就在于:不需要保留当前函数的执行环境,在调用的下一个函数执行完毕并给出返回值后,直接再返回,类似于pipe。

函数调用自身,称为递归。如果尾调用自身,就称为尾递归。尾递归(Tail-recursion)就是利用尾调优化的特性,从语言机制上进行递归操作的优化,防止堆栈溢出(stack overflow)。

"尾调用优化"对递归操作意义重大,所以一些函数式编程语言将其写入了语言规格。ES6也是如此,第一次明确规定,所有 ECMAScript 的实现,都必须部署"尾调用优化"。这就是说,在 ES6 中,只要使用尾递归,就不会发生栈溢出,相对节省内存。

递归非常耗费内存,因为需要同时保存成千上百个调用帧,很容易发生“栈溢出”错误(stack overflow)。但对于尾递归来说,由于只存在一个调用帧,所以永远不会发生“栈溢出”错误。

下面代码是一个阶乘函数,计算n的阶乘,最多需要保存n个调用记录,复杂度 O(n)


如果改成尾递归调用,只保留一个调用记录,复杂度 O(1)


计算fibonacci数列,能充分说明尾递归优化的重要性

使用尾递归优化过的fibonacci 递归算法


自定义错误类(Custom Errors)

Error是JavaScript中的错误类,它同时也是一个构造函数,可以用来创建一个错误对象。Error实例会在发生运行进错误时抛出,Error像其它对象一样,也可以由用户自定义创建。

ES6通过派生实现自定义错误类


完整代码

扫一扫关注公众号“微信小程序”,为你提供第一手热门小程序,了解最新最全的小程序资讯和服务。


文章页底部820*135

发布小程序

文章投稿

投稿邮箱:

info@appbulo.com

官方微信

扫一扫关注 小程序官方微信

新浪微博

扫一扫

( 暂不支持下载 )
PC右侧250*250

关于我们

网站简介 媒体报道

联系我们

官方微博 客服QQ:1763425497

我们的产品

多商户分销商城 本地城市生活圈
扫码浏览手机版
© 版权所有 河源市城市互动科技有限公司 [ 小程序部落 ] 微信小程序导航站 排行榜 小程序商店 资讯 专题 评测 排行服务 站务邮箱:8462482@QQ.com 技术支持:城市互动 粤ICP备14002524号