我有这个示例代码:
class TestClass extends Array { constructor() { console.log( 'constructor' ); let ar = []; ar.push( { id: 1,name: 'a' } ); ar.push( { id: 2,name: 'b' } ); ar.push( { id: 3,name: 'c' } ); ar.push( { id: 4,name: 'd' } ); // finalizing object super( ...ar ); } Foo() { console.log( 'foo' ); return this.filter( item => item.id > 2 ); } } let t = new TestClass(); console.log( t.Foo() );
这是我已经写过的更简单的版本.我的应用程序一直工作到现在,但在我需要过滤扩展阵列中的数据时停止了.
我发现,问题是在我的类的对象上调用过滤器函数在内部调用构造函数.上面的代码显示了这个例子.
有没有办法绕过这个问题,因为我此时无法再次调用构造函数.另外,我发现(使用这个简单的TestClass)实际输出不是我所期望的 – 我得到一个包含id为3,4,3,4的4个项目的数组.任何人都可以解释这里发生了什么?
解决方法
Symbol.species
提供了一种方法来返回派生类的另一个实例,但是对于.e.g.在这种情况下,再次是一个Array实例.
class TestClass extends Array { constructor() { console.log( 'constructor' ); let ar = []; ar.push( { id: 1,name: 'a' } ); ar.push( { id: 2,name: 'b' } ); ar.push( { id: 3,name: 'c' } ); ar.push( { id: 4,name: 'd' } ); // finalizing object super( ...ar ); } static get [Symbol.species]() { return Array; } Foo() { console.log( 'foo' ); return this.filter( item => item.id > 2 ); } } let t = new TestClass(); let a = t.Foo(); console.log('a : ',a); console.log('(a instanceof Array) ? ',(a instanceof Array)); console.log('(a instanceof TestClass) ? ',(a instanceof TestClass));
.as-console-wrapper { max-height: 100%!important; top: 0; }
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。