草庐IT

es多字段分组

全部标签

javascript - ES6 模块拼接

在JavaScriptES6中开发一个web项目,我目前使用Traceur将我的模块从ES6编译到ES5,认为将来当浏览器支持ES6时,我将能够跳过该转换步骤。最后,因为我不想在启动时下载多个js片段,我有一个包含我所有转换为ES5的模块的文件,感谢Traceur。但是为了验证这个选择,我想知道在我将源代码保留在ES6中的那一天这是否仍然可行。如果我简单地连接它们,将会出现无效导入和名称冲突。看起来它不是为它设计的,它需要额外的处理步骤才能正确合并它们。我们应该如何处理定义了多个模块的ES6单文件项目? 最佳答案 这将通过捆绑解决,

javascript - 如何使用 ES6 模块语法(解构)导入属性?

importutilityRemovefrom'lodash/array/remove';importutilityAssignfrom'lodash/object/assign';importutilityRandomfrom'lodash/number/random';importutilityFindfrom'lodash/collection/find';importutilityWherefrom'lodash/collection/where';letutil;util={};util.remove=utilityRemove;util.assign=utilityAssi

javascript - Babel 对 ES6 对象解构的实现是否正确?

所以基本的结构化很好,{a,b}=obj转译为a=obj.a;b=obj.b.我的问题是我不小心遇到了一些奇怪的语法,我想知道是否有人可以指出我的规范,因为我找不到它:({a,b}=obj).c这会执行两个a、b赋值,然后返回obj.c。对于字节流解码器,它实际上对我很有用,因为我可以写:letwidth=({bytes}=intDecode(bytes)).number;我的问题是我没有在任何地方看到这种语法,并且不想依赖未正确实现或处于提案阶段的东西。 最佳答案 解构赋值没有什么特别之处:它的求值方式与使用=运算符的任何其他赋值

javascript - 输入字段上的 Angular ng-blur 不起作用

好吧,我很确定我遗漏了一些明显的东西,但我没有看到。我创建了一个fiddle我原以为会在输入框失去焦点时发出警告消息,但它不起作用,我也不知道为什么。当用户执行以下步骤时,我期待一条警告消息:点击输入框输入内容点击输入框外的某处但这些步骤不会显示警告消息。当然,有人知道我做错了什么......?这是代码(与fiddle相同):functionMyCtrl($scope){$scope.validate=function(form){alert('blur!');};} 最佳答案 它可能是你的Angular版本。你的fiddle使用的

javascript - 在 ES6 中使用相同的参数名称作为其默认参数

这段ES6代码:constlog=()=>console.log('hi');constparent=(log=log)=>log();parent();转译为:varlog=functionlog(){returnconsole.log('hi');};varparent=functionparent(){varlog=arguments.length给出错误:returnlog();^TypeError:logisnotafunction问题是这一行:constparent=(log=log)=>log();因为参数名称与其默认参数相同。这个有效:constlog=()=>cons

javascript - 在 ES6 之前的 Typescript 中实现 Iterator<T> 的推荐方法

这个问题在这里已经有了答案:typescript:makeclassobjectsiterable(3个答案)关闭5年前。我有一个项目,其中包含许多理想情况下会实现Iterable的类和/或Iterator接口(interface)。但是我似乎找不到这些接口(interface)的标准TypeScript定义(例如在typescript-collections或一些类似的包中)。我知道这些在ECMAScript6中通过Symbol.iterator有所标准化。机制,但我的目标是ECMAScript5,并且在可预见的future将保持不变。我能否以某种方式获得这些接口(interface

javascript - GraphQL:从兄弟解析器访问另一个解析器/字段输出

需要一些帮助。假设我请求以下数据:{parent{obj1{value1}obj2{value2}}}我需要value1解析器中value2的结果进行计算。想在value2中返回一个promise并以某种方式将其带入value1解析器,但如果value2解析器尚未运行怎么办?有什么办法可以做到吗? 最佳答案 我的直接想法是,您可以使用上下文来实现类似的目的。我想您可以将类似对象的缓存与事件发射器混合来解决竞争条件问题。例如,假设我们有一些类(class)classCacheEmitterextendsEventEmitter{con

javascript - 从 JavaScript 或 JQuery 设置 React 输入字段值

如何使用普通JS或JQuery以编程方式设置React生成的输入字段的值?我已经尝试了以下方法,但似乎没有任何效果。$(obj).val('abc');$(obj).attr('value','abc');$(obj).keydown();$(obj).keypress();$(obj).keyup();$(obj).blur();$(obj).change();$(obj).focus();我也尝试模拟keyPress(如建议的here)事件,但它似乎也不起作用。simulateKeyPresses(characters,...args){for(leti=0;i

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();