失败的尝试，使用继承扩展数组，以及ES6的必要性

末蓝、 2022-01-06 09:15 145阅读 0赞

我们都知道直接在原生对象上扩展对象是很不好的。所以prototype这样的库广受非议。

一些库，比如lodash采用了工具包形式的扩展方式，绕开了对象的继承。

由于es6的class的出现，我尝试以Array派生子对象的方式进行扩展。

以下是一个简单的例子。

"use strict"
    class Abc extends Array{
      getarray(){
        return this;
      }
    }
    let x=new Abc(5).fill(1);
    console.log(x.getarray());

在v8中，这个例子是会输出正确结果\[1，1，1，1，1\]的。

尔后为了兼容其它浏览器，我尝试使用babel.js转码为es5。

但是这一步无论怎么样都没有成功。

最后我进入babel的官方讨论组才知道这是不被支持的。

[loganfsmyth][]给出一个写法

class ExtendableArray {
        constructor(...args){
            const arr = new Array(...args);
            Object.setPrototypeOf(arr, this.constructor.prototype);
            return arr;
        }
    }

但是很显然，instanceof 以及Array.isArray 等语句都会有问题。

因此，现阶段并不存在完美的替代方案。

很多人都说，es6中的很多东西是语法糖。

不错，确实如此。

但是作为脚本语言，越精炼的脚本，扫描速度就会更快，压缩器的性能潜力也会提升。

冗长的语法从来就没有实质的意义，需要的，更多是书写形式的工整。

es6的诸多特性大多对这几点都有帮助。

模块的出现统一了目前繁杂的加载方式。

一系列异步语句的提出解决了回调地狱。

类的提出简化了继承过程。

更多的基础数据结构优化了数据处理性能。

虽然如果不考虑效率，es6能做到的，es5大多也能做到。

但是es5并不能做的更好。

程序，必须是优美的。

转载于:https://www.cnblogs.com/XmodYgetZ/p/5007565.html

[loganfsmyth]: https://babeljs.slack.com/team/loganfsmyth

发表评论取消回复

表情：

评论列表（有 0 条评论，145人围观）

还没有评论，来说两句吧...

相关阅读

相关 JS数组（二） - ES6 数组的扩展

在《[Javascript中的数组-Array对象][Javascript_-Array]》中，已经介绍了JS中数组的一些概念和方法，其中已经提了几个ES6扩展的新方法，这一篇

古城微笑少年丶/ 2023年06月04日 06:58/ 0 赞/ 13 阅读

相关 es6-函数扩展以及扩展运算符

函数扩展以及扩展运算符故心故心故心故心小故冲啊 -------------------- 文章目录函数扩展以及扩展运算符一、函数扩展二

港控/mmm°/ 2022年11月21日 03:59/ 0 赞/ 232 阅读

相关 ES6 数组扩展

扩展运算符|展开运算符 `...`不仅可以操作对象，也可以操作数组。 var arr1 = [1, "asd", {name:"张三"}]; var a

亦凉/ 2022年02月21日 01:21/ 0 赞/ 346 阅读

相关 es6 字符串的扩展

字符串的扩展传统的字符串拼接模板字符串标签模板 ES6字符串String类扩展函

你的名字/ 2022年02月04日 03:01/ 0 赞/ 335 阅读

相关 es6 对象的扩展

对象的扩展传统对象属性写法 es6对象属性写法属性名表达式属性的可枚举性和遍历

偏执的太偏执、/ 2022年02月01日 14:45/ 0 赞/ 338 阅读

相关失败的尝试，使用继承扩展数组，以及ES6的必要性

我们都知道直接在原生对象上扩展对象是很不好的。所以prototype这样的库广受非议。一些库，比如lodash采用了工具包形式的扩展方式，绕开了对象的继承。由于es6的

末蓝、/ 2022年01月06日 09:15/ 0 赞/ 146 阅读

相关 ES6中class的使用+继承

一.Class 介绍+基本语法 (1).介绍通过class关键字，可以定义类。基本上，ES6 的class可以看作只是一个语法糖，它的绝大部分功能，ES5 都可以

本是古典何须时尚/ 2021年09月15日 08:00/ 0 赞/ 410 阅读

相关 ES6基础-ES6的扩展

进行对字符串扩展，正则扩展，数值扩展，函数扩展，对象扩展，数组扩展。开发环境准备：编辑器（VS Code, Atom，Sublime）或者IDE（Webstorm）

朴灿烈づ我的快乐病毒、/ 2021年08月20日 00:28/ 0 赞/ 581 阅读

相关 ES6 数值的扩展

二进制和八进制表示法 ES6提供了二进制和八进制数值的新的写法，分别用前缀0b（或0B）和0o（或0O）表示。 0b111110111 === 503 // t

左手的ㄟ右手/ 2021年06月24日 16:12/ 0 赞/ 579 阅读

相关 ES6 字符串的扩展

字符的Unicode表示法 JavaScript允许采用\\uxxxx形式表示一个字符，其中“xxxx”表示字符的码点。 "\u0061" // "a"

谁践踏了优雅/ 2021年06月24日 16:11/ 0 赞/ 564 阅读