Babel 编译 ES6 的 class extends Array 时，无法获取方法，求助

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

推荐关注

› Meteor

› JSLint - a JavaScript code quality tool

› jsFiddle

› D3.js

› WebStorm

推荐书目

› JavaScript 权威指南第 5 版

› Closure: The Definitive Guide

这是一个创建于 2925 天前的主题，其中的信息可能已经有所发展或是发生改变。

代码如下

   class MyCoolArray extends Array {
          first() { return this[0];}
       }
     var a = new MyCoolArray(1,2,3);
     console.log(a.first());// get error 'a.first is not a function'

谁知道为什么 first 无法执行？谢谢

babel 在线 https://babeljs.io/repl/#?babili=false&evaluate=true&lineWrap=false&presets=es2015%2Ces2015-loose%2Ces2016%2Ces2017%2Clatest%2Creact%2Cstage-0%2Cstage-1%2Cstage-2%2Cstage-3&code=class%20MyCoolArray%20extends%20Array%20%7B%0A%20%20first()%20%7B%20return%20this%5B0%5D%3B%7D%0A%20%7D%0A%0Avar%20a%20%3D%20new%20MyCoolArray(1%2C2%2C3)%3B%0A%0A%0Aconsole.log(a.first())%3B

3 条回复 • 2016-11-20 19:41:16 +08:00

pentium100

2016-11-20 18:08:33 +08:00

Array 是不能直接继承的。这是个特例。
http://www.2ality.com/2013/03/subclassing-builtins-es6.html

MinonHeart

2016-11-20 18:40:09 +08:00 via iPhone

super 呢

dxcqcv

2016-11-20 19:41:16 +08:00

@pentium100 先谢谢，还没细看，奇怪的是我可以打印 a 和 a.length ，只是不能使用里面的方法