草庐IT

GL_ARB_ES

全部标签

javascript - 对象方法上的 setTimeout - ES5 绑定(bind)或关闭?

假设我正在使用HTML5Canvas制作一些动画。如果我正在寻找动画对象的方法,这将是更可取的,性能明智的(假设我不关心IE8):setTimeout(this.render.bind(this),15);或varself=this;setTimeout(function(){self.render()},15);我的特殊案例还不够强烈,无法真正在视觉上产生影响;我只是想找出最佳实践。我认为用bind创建一个新函数比创建一个闭包的开销要小,但我想请教专家。 最佳答案 JavaScript性能问题很棘手,因为各种引擎的性能特征大相径庭

javascript - ES6 继承 : uses `super` to access the properties of the parent class

Javascript的super关键字,当我在Chrome、Babel、TypeScript上运行代码时,我得到了不同的结果。我的问题是哪个结果是正确的?规范的哪一部分定义了这种行为?以下代码:classPoint{getX(){console.log(this.x);//C}}classColorPointextendsPoint{constructor(){super();this.x=2;super.x=3;console.log(this.x)//Aconsole.log(super.x)//B}m(){this.getX()}}constcp=newColorPoint();

javascript - Google Canary 浏览器是否支持 ES6 的生成器?

我需要测试/工作属于ES6草案的生成器。要继续工作,我需要一个浏览器(在我的例子中)。由于GoogleCanary严格针对开发人员,所以它现在是否支持生成器?我的操作系统是Windows7。 最佳答案 是的,在旗帜后面。另见featuredashboardentry和V8bug.导航到chrome://flags/#enable-javascript-harmony以启用它。 关于javascript-GoogleCanary浏览器是否支持ES6的生成器?,我们在StackOverflo

javascript - 使用 ES6 "Cannot resolve symbol"语法时为 `import`

Here给出了如何从模块导入某些类的示例:import{ModalContainer,ModalDialog}from'react-modal-dialog';但是,PhpStorm(最新的EAP)给我一个错误:我使用npminstallreact-modal-dialog安装了这个包,它存在于node_modules中。等效的var{ModalContainer,ModalDialog}=require('react-modal-dialog');工作正常。 最佳答案 我在设置React项目时遇到了这个问题,我所做的只是下载导入的

javascript - 如何使用 KARMA 对 React JSX ES6 代码进行单元测试?

我用ES6编写了我的React应用程序。现在我也想用ES6编写我的测试。所以这里的挑战是配置karma。与谷歌一起,我用karma.config.js走到了这一步(我省略了配置文件中相同的部分!):...files:['../node_modules/karma-babel-preprocessor/node_modules/babel-core/browser-polyfill.js','../app/**/*.jsx','../test/**/*.jsx'],preprocessors:{'app/**/*.jsx':['react-jsx','babel'],'test/**/*

javascript - ES6 类和 module.exports

最近我在nodeJS实现中看到了这种模式,其中我们的模块有以下代码:classFoo{bar(){console.log('bar');}}module.exports=Foo;然后当我做一个require最后说new来创建类的一个实例。varFoo=require(./foo);varmyFoo=newFoo();myFoo.bar();根据我的说法,这种模式将在每次调用时继续创建Foo类的多个实例。另一种模式可能是我在foo.js中习惯的模式。module.exports={bar:function(){console.log('bar');}};然后我只需要调用bar。varfo

javascript - 如何在 ES6 中获取类函数的引用?

抱歉,如果问题太简单,但我在这里遗漏了一些东西。刚刚切换了一个ES5模块,看起来像:module.exports={func1:function(a,b){...},func2:function(a,b){...}};到一个看起来像这样的ES6类:exportdefaultclass{func1(a,b){...}func2(a,b){...}}一切都很好:在这两种情况下,我都可以exportmodfrom'module';并调用mod.func1(a,b)和mod。func2(a,b).但是,我有一个函数接收要调用的模块函数:varcaller=function(func,val1,

javascript - import * vs import { specificName } 在 Typescript/ES6 中?

声明declaremodule"MyModule"{exportfunctionFoo(){...}exportfunctionBar(){...}}我只需要Foo某处,我应该如何导入它?import*asMyModulefrom"MyModule";MyModule.Foo();或import{Foo}from"MyModule";Foo()哪个比另一个好?以第一种方式导入所有导出是否有任何性能影响?我在发布问题之前阅读的一些引用资料:https://www.exratione.com/2015/12/es6-use-of-import-property-from-module-is

javascript - es6 模块如何导入自身?

我有一个名为fooModule的模块。在这个模块中,我导入了fooModule(本身):import*asfooModulefrom'./fooModule';exportfunctionlogFoo(){console.log(fooModule)}调用logFoo()时,我可以看到fooModule的所有导出。这是如何运作的? 最佳答案 循环依赖对于声明式导入/导出没有问题。在你的情况下,圆圈的长度是最小的:-)解决方案是import不会将值导入变量,而是使变量成为导出变量的引用。看看here一个可变变量的例子,在thisque

javascript - ES6 构造函数返回基类的实例?

派生类的构造函数返回基类的实例。下面的代码解释了我的问题://Vectorisdefinedbyanexternalmodule(Unreal.js)classTestBextendsVector{constructor(){super();}Log(){console.log(""+this);}}console.log(newTestB()instanceofTestB)//returnsfalse!!!why???console.log(newTestB()instanceofVector)//returnstrue...classTestAextendsArray{constr