我们都知道直接在原生对象上扩展对象是很不好的。所以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并不能做的更好。

程序,必须是优美的。

失败的尝试,使用继承扩展数组,以及ES6的必要性的更多相关文章

  1. odoo开发笔记 -- 搜索视图继承扩展

    odoo开发笔记 -- 搜索视图继承扩展

  2. JavaScript 继承和数组

    前言 因为篇幅比较短,所以将JavaScript中的继承和数组进行统一写. 继承 当一个函数对象被创建的时候,Function构造器产生的函数对象会运行类似这样的代码: this.prototype ...

  3. 一次失败的尝试hdfs的java客户端编写(在linux下使用eclipse)

    一次失败的尝试hdfs的java客户端编写(在linux下使用eclipse) 给centOS安装图形界面 GNOME桌面环境 https://blog.csdn.net/wh211212/artic ...

  4. JavaScript数组去重—ES6的两种方式

    说明 JavaScript数组去重这个问题,经常出现在面试题中,以前也写过一篇数组去重的文章,(JavaScript 数组去重的多种方法原理详解)但感觉代码还是有点不够简单,今天和大家再说两种方法,代 ...

  5. javascript_core_10之继承与数组API

    1.现有两对象间的继承:Object.setPrototypeOf(child,father): 2.基于现有父对象创建子对象:var child=Object.create(father,{新属性} ...

  6. Silverlight页面通过继承扩展实现

    在Silverlight中有些项目对UserControl重新做了封装基类,如PageBase,要求项目中每个页面都要从PageBase派生,但是过程比较坎坷,本文针对这个功能点的实现以及实现过程中遇 ...

  7. boost::xml————又一次失败的尝试

    尝试使用wptree来进行xml解析,又一次失败了,可以正常读取正常输出,但是使用wptree进行节点读取失败(乱码) 请看源码: DealXml.h #pragma once #include &l ...

  8. Python继承扩展内置类

    继承最有趣的应用是给内置类添加功能,在之前的Contact类中,我们将联系人添加到所有联系人的列表里,如果想通过名字来搜索,那么就可以在Contact类添加一个方法用于搜索,但是这种方法实际上属于列表 ...

  9. php url链接地址传数组方法 json_decode解析数组失败 经过url链接的json数组解析出错的解决方法 (原)

    先说出现的问题: 请求一个接口(例如  http://www.a.com/getmes.php)需要传一个数组参数 param ,值为 数组 array(0=>'刘师傅',1=>'1760 ...

随机推荐

  1. react中性能优化的点

    react提升代码性能的点 1.绑定如果改变作用域点话放在constructor里面做,这样可以保证整个程序的作用域绑定操作只会执行一次,而且避免子组件的无谓渲染. 2.内置的setState是个异步 ...

  2. POJ 1191 棋盘分割 【DFS记忆化搜索经典】

    题目传送门:http://poj.org/problem?id=1191 棋盘分割 Time Limit: 1000MS   Memory Limit: 10000K Total Submission ...

  3. PHP处理Excel

    今天一个朋友问我PHP怎么导出Excel,然后我就去网上搜刮了一下资料,发现不错的第三方类PHPExcel(可以导入导出)和PHP-ExcelReader(导入).那就给大家分享一下! 一.PHP导入 ...

  4. java 线程状态图

  5. mysql(安装、启动、删除)服务

    必须在管理身份下运行 方式一: 安装服务 将 MySQL 安装为服务的方式: "C:\Program Files\MariaDB 10.3\bin\mysqld.exe" inst ...

  6. Jedis连接redis客户端

    1 单点的redis利用jedis客户端连接 如何连接 //1 利用jedis连接对象操作redis @Test public void test01(){ //构造一个具有连接信息的jedis对象 ...

  7. Spring-boot官方案例分析之log4j

    Spring-boot官方案例分析之log4j 运行单元测试分析: @RunWith(SpringJUnit4ClassRunner.class) @SpringApplicationConfigur ...

  8. 优雅的QSignleton (二) MonoSingleton单例实现

    MonoSingleton.cs namespace QFramework.Example { using System.Collections; using UnityEngine; class C ...

  9. Spring的声明式事务----Annotation注解方式(2)

    使用步骤: 步骤一.在spring配置文件中引入<tx:>命名空间<beans xmlns="http://www.springframework.org/schema/b ...

  10. vue和react总结

    一.总结一下Vue和React的区别 相同点:   1.都支持服务器端渲染     2.都有Virtual DOM,组件化开发,通过props参数进行父子组件数据的传递,都实现webComponent ...