草庐IT

es 聚合优化

全部标签

javascript - 如何从另一个调用 ES6 类中的一个方法?

如果我有这样一个javascriptES6类:import$from"jquery";exportclasstest{constructor(){this.es6='yay';}writeLine(text){console.log(text);}getTestData(){writeLine('writeLinecall');//我从另一个文件导入类并调用getTestDataSystem.import('app/classDefinition').then(function(classDefinitionModul){vartest=newclassDefinitionModul.

使用 `new Function()` 优化 Javascript

在阅读文档时,我发现了一个可以大大提高javascript性能的简单优化。原代码:functionparseRow(columns,parser){varrow={};for(vari=0;i优化代码:varcode='return{\n';columns.forEach(function(column){code+='"'+column.name+'":'+'parser.readColumnValue(),\n';});code+='};\n';varparseRow=newFunction('columns','parser',code);在这里找到:https://github

Javascript ES6 生成器异步

我需要异步运行生成器(我需要在控制台1、2、3、4、5中得到结果,因为现在我有4、1、2、3、5)有人可以帮助我吗?我需要运行任务并等待上一个任务完成后再运行下一个任务。我需要使用(如果可能:仅)生成器(或生成器+promise?)这是我的代码/*jshintesnext:true*/functionshow(msg){var_msg=msg;setTimeout(function(){console.log(_msg);},2000);}functionshow2(msg){console.log(msg);}varstack=[];//addsomefunctiontostacks

javascript - ES6 类中的动态方法调用

如何从ES6中的类动态调用方法?在ES5及更低版本中,我可以使用以下代码执行此操作。JSFiddleexamplevarApp=function(){varthat=this;this.init=function(){varelements=document.getElementsByClassName('call-method');for(vari=0;i当我尝试在ES6中做同样的事情时,我得到一个错误UncaughtTypeError:notafunction。这在ES6中是可能的还是我在这里做错了什么?JSFiddleexample'usestrict';classApp{con

JavaScript ES6 : Grouping methods in es6 classes?

我们中的一些人正在尝试创建一个JavaScript库以在RESTfulAPI上快速运行JSON查询。我想做的是根据它们的目的对一组方法进行分组。例如;通过API,我能够获取用户属性。我不想将所有这些方法都放在主对象下,而是将它们分组在API类对象中。即转换这个:myAPI.getUserById()为此:myAPI.User.getByID()myAPI.User.getByName()我们将使用下面的代码作为一个简单示例。我如何将我的用户方法嵌套在myAPI类的用户对象中??classmyAPI{constructor(url){this.url=url;//Codetoconnec

javascript - es6-module 默认导出导入为未定义

我不确定我在这里遗漏了什么。我正在使用jspm和es6-module-loader开发一个项目。我有一个定义如下的模块:importhooksfrom'./hooks';importapifrom'./api';importtoolsfrom'./tools';constStencilUtils={hooks:hooks,api:api,tools:tools,};export{hooks,api,tools};exportdefaultStencilUtils;/*globaldefine*/(function(root){if(typeofdefine==='function'&&

javascript - 扩展 native 类型的 ES6 类使 instanceof 在某些 JavaScript 引擎中表现异常?

考虑以下ES6类:'usestrict';classDummy{}classExtendDummyextendsDummy{constructor(...args){super(...args)}}classExtendStringextendsString{constructor(...args){super(...args)}}consted=newExtendDummy('dummy');constes=newExtendString('string');console.log(edinstanceofExtendDummy);console.log(esinstanceofEx

javascript - Rollup.js 如何在不做任何更改的情况下导入 js 文件(不是 es6 模块)(myvar$extrastring)

首先,我明白为什么rollup.js需要在某些变量的末尾附加额外的字符串以避免冲突但是......我不明白如何“连接/导入”一个不是amd/commonjs/es6的简单javascript文件,而是简单的显示模块!我有以下文件结构:foo.jsvarFoo=(function(){varsomeMethod=function(){};return{someMethod:someMethod};})();bar.js(function(module){module.bar="bar";})(Foo);主要.jsimport"foo.js"import"bar.js"构建后,我得到:构建

javascript - "..."在 Javascript (ES6) 中意味着什么?

这个问题在这里已经有了答案:JavascriptPropertywiththreedots(...)(5个答案)关闭5年前。我正在学习Redux、React和ES6。我已经用JS开发了,但是ES6的这个新世界让我感到惊讶,它有很多新东西,比如“=>”来声明箭头函数等等。然而,在这个新的Redux研究中,我在代码中间遇到了...。下面我举个例子:import{combineReducers,createStore}from'redux'constuserReducer=(state={},action)=>{switch(action.type){case'CHANGE_NAME':st

JavaScript ES6 - promise 解决和事件之间可能存在竞争条件?

是否可以在promise解析和promise等待返回之间执行用户代码?functiona(){returnnewPromise(resolve=>{setTimeout(()=>{//Betweenhere...resolve()},1000))}}asyncfunctionb(){awaita()//...andhere?}规范是否强制立即调用Promise回调?我想知道2点之间的虚拟机是否可以处理一个事件,这可能会导致副作用。 最佳答案 不,它不强制立即调用。Thespec在解决一个promise时会经历许多步骤,其中之一是:P