jjzjj

es6-modules

全部标签

javascript - 如何从 .vue 文件中导出多个对象

我在Vue中使用typescript。对于这个特定的用例,我想从我的.vue文件中导出多个项目。像这样://FooBar.vue...exportclassFooextendsVue{foo:string="foo";}exportconstBar={bar:"bar"};然后像这样导入它们://巴兹.vueimport{Foo,Bar}from'FooBar.vue';@Components({components:{Foo}})...//restofthecode有没有办法从Vue中的.vue文件导出多个对象? 最佳答案 在你的

javascript - react : Flow: Import a local js file - cannot resolve issue module

我正在使用Flow:Statictypecheckinglibrary对于React前端应用程序,它会为从src目录的内部导入抛出“无法解析”:Exampleinfileatpath:src/abc/def/ghi/hello.jsx,Iamusingthefollowingimport:importwordsfrom'../words';-->Throwserror"Cannotresolvemodule../wordswords.jsisinsrc/abc/defdir已编辑:安装flow-typed后,我的.flowconfig看起来像这样:[ignore].*/node_mod

javascript - 数组中的嵌套对象 - 对象解构 es6

所以我知道您可以像这样进行对象析构:const{item}=data;还有像这样的数组解构:const[item]=data;您也可以在函数参数中执行此操作,例如:constx=({item})=>item;而且我看到了很多关于它的问题和答案。但是我还没有看到数组中嵌套对象的示例和很好的解释。consttest=[{count:1}];const[{count}]=test;我通常会这样做:constx=test[0];const{count}=x;直到今天在codepen中进行测试时,我才发现您可以在同一作业中同时析构它们。谁能解释一下我在执行[{count}]时发生了什么?因为我正

javascript - 错误 : "Could not find a declaration file for module ' react-search-input'"

我正在尝试安装react-input-search。我有错误:Couldnotfindadeclarationfileformodule'react-search-input'.'.../app/node_modules/react-search-input/lib/index.js'implicitlyhasan'any'type.Trynpminstall@types/react-search-inputifitexistsoraddanewdeclaration(.d.ts)filecontainingdeclaremodule'react-search-input';ts(70

javascript - 什么是等同于 es5 函数声明的 es6 粗箭头

使用ES5,我可以根据需要声明函数声明或表达式。functiones5FunctionDeclaration(){return'Iamanes5functiondeclaration';}vares5FunctionExpression=function(){return'Iamanes5functionexpression';}使用ES6粗箭头,创建这样的函数表达式是很常见的......constes6FunctionExpression=()=>{return'Iamanes6functionexpression';}但是我还没有找到用粗箭头做函数声明的方法,也许这是不可能的。//

javascript node module.exports/require() 前端代码

我一直在研究使用像SVGO这样的库能够在前端清理用户提交的SVG代码。SVGO是一个基于node.js的库,通常在后端运行,所以我一直在努力思考如何将SVG代码从前端发送到后端,然后将清理过的代码反刍到前端。正是在我试图弄清楚这一点的时候,我检查了他们的webappexample,经检查,在链接脚本中运行代码,我通常会在前端的后端看到这些代码。特别是,它们的许多函数都具有签名(fullscript):1:[function(require,module,exports){"usestrict";varloadScripts=require("./load-scripts"),...mo

javascript - ES6 类/实例属性

这将是一个相对较长的问题,但我真的很想了解。问题底部制定的最终问题。我已经阅读了这个问题的答案:ES6classvariablealternatives关于为什么这在ES6中不被接受的语法的问题:classMyClass{constMY_CONST='string';constructor(){this.MY_CONST;}}1)第一个答案提到:Remember,aclassdefinitiondefinesprototypemethods-definingvariablesontheprototypeisgenerallynotsomethingyoudo.我不明白;基于类的语言中的

javascript - 如何迭代 ES6/2015 类实例的属性

给定这两个类classFoo{f1;getf2(){return"a";}}classBarextendsFoo{b1;getb2(){return"a";}}letbar=newBar();什么代码可以从bar实例中获取这个属性列表?['f1','f2','b1','b2']HereisaBabelsample更新这应该是@MarcC的回答的一部分:使用装饰器,我可以轻松地将不可枚举的属性转换为可枚举的属性:classBarextendsFoo{@enumerable()getb2(){return"a";}}这是装饰器源代码:functionenumerable(){returnf

javascript - 使用 Angular1+ ES6 时, Controller 函数中的依赖注入(inject)未定义, Controller 作为类

我正在使用ES6类来定义我的Controller,所以这是语法,exportclassSearchBarController{constructor($log){'ngInject';$log.debug("Hello");}textTyped($log){$log.debug("changefired.");}}查看:因此,构造函数中的“Hello”已被正常记录。但是,typedText()函数中的“changefired”并未触发,因为显然未定义如何让我的类函数textTyped()访问$log服务?注意:如果我在构造函数中将$log分配给类属性,例如,this.logger=$l

javascript - 为什么需要立即使用我的 ES6 Promise Rejection 以避免出现控制台错误消息?

请注意:以下是在不同浏览器中表现不同的问题。所以也许这是一个浏览器实现问题。无论如何,我都希望得到一些建议。在我的应用程序中,我创建了几个promise,我可能要等到future相当长一段时间才会使用这些promise。这应该没问题,毕竟它们是promise。如果存储的promise已解决,则没有问题。我可以在未来尽可能多地使用它,并且可以多次使用它。正如预期的那样。但是,如果被存储的promise被拒绝,就会出现问题。除非我在做出拒绝后不久(不确定多快)使用该拒绝,否则Chrome或Firefox中会弹出一条控制台消息,指示存在未捕获的promise拒绝/错误。IE不会弹出该错误。因