草庐IT

ES导入导出

全部标签

javascript - 用于设置实例属性的 ES6 类构造函数快捷方式

我似乎记得看到一个快捷方式,如果属性和构造函数参数被命名为相同的东西,你不必在构造函数中执行this.foo赋值-但我似乎无法找到它的引用谷歌搜索。例如:classPolygon{constructor(height,width){this.height=height;this.width=width;}}你能不能做一些类似的事情classPolygon{constructor(height=height,width=width){//wasn'tthereawaytodeclaretheseargumentssoitautosetstheinstancevariables?}}

javascript - 如何告诉 eslint 允许分阶段的 ECMA-Script 动态导入

我想使用现在的“Stage-3”提案import()。如果我用ESLint整理我的代码,它会提示:Parsingerror:'import'and'export'mayonlyappearatthetoplevel这对于import的静态形式是正确的,但对于新的动态形式是不正确的。我找不到让ESLint允许这样做的正确选项。有人可以给我提示吗? 最佳答案 Gyandeep当然是对的。这不是规则的问题,而是解析器的问题(毕竟这就是解析错误的意思……)。所以我现在将babel-eslint与以下.eslintrc(摘录)一起使用:{"p

javascript - 在仅 nodejs 环境中的 ES6 模块/类中定义 'real' 私有(private)方法,没有任何信息泄漏

我知道没有REAL私有(private)方法INSIDEES6类。然而,我玩了一会儿,发现了一些好东西——也许……正如我提到的,不公开对象的属性是不可能的。但是我试图实现一些OOP编程,因为我将我的类分成单独的文件,然后导出这些类,如:classMyClass{constructor(){/***Initializestuff...*/}myMethod(){/***Dopublicstuff...*/}}//exposeclasstoenvironment.exportdefaultMyClass;所以我可以导入类:从'./MyClass.js'导入MyClass;当然myMetho

javascript - ES6 模块 : Exporting and importing performance differences

我的vue项目中有一些组件。我不喜欢importloaderfrom'@/components/someComponent1/someComponent1.vue';因为要写的东西很多而且我必须为每个组件重复一遍。所以我为components文件夹写了一个index.js:export{defaultassomeComponent1}from'./someComponent1/someComponent1.vue';export{defaultassomeComponent2}from'./someComponent2/someComponent2.vue';...这将允许我在一行中导

javascript - 如何在不使用 JavaScript ES6 中的构造函数的情况下使用对象文字来创建类的实例?

我正在尝试学习JavaScriptES6,这是一种非常酷的语言,我认为我应该练习一下,但我做不到anexercise.那么如何使用对象字面量来复制一个类。例如类是:classPoint{constructor(x,y){this.x=x,this.y=y}add(other){returnnewPoint(this.x+other.x,this.y+other.y)}}我想在这里使用对象字面量来使输出为真。varfakePoint=YOUR_CODE_HEREconsole.log(fakePointinstanceofPoint) 最佳答案

javascript - 从 'react' 导入 React 导致 Uncaught SyntaxError : Unexpected identifier

我已经安装了webpack3和babel,我的条目index.js/bundle.js将构建并运行,我已经用ES7/8功能测试过,但是导入不会工作并导致UncaughtSyntaxError:Unexpectedidentifier。我已经尝试将babel配置放在package.json以及我的应用程序根目录中的单独.babelrc文件中,但在尝试时仍然出现错误进口。我是否缺少包裹或设置?index.js(有效)//doesnotwork//importReactfrom'react'//worksconstobject1={a:'somestring',b:42,c:false};c

javascript - 是否值得惯用编程?一个 ES6 例子

关闭。这个问题是opinion-based.它目前不接受答案。想要改进这个问题?更新问题,以便editingthispost可以用事实和引用来回答它.关闭4年前。Improvethisquestion编程是关于如何实现任何代码段的决策。根据这些决定,代码将或多或少具有可读性、高效性、复杂性等。一个常见的决定也是或多或少地符合习惯,即使用特定的语句或您的编程语言或范例。作为概念证明,我用Javascript开发了两个代码片段来分析性能。目标是生成tagA|tagB|tagC形式的字符串,其中tagX的数量是随机的,后缀A、B,C为随机整数。而且,tagX不能重复。第一个实现更为地道,而第

将对象设置为 null 时的 JavaScript(ES6) WeakMap 垃圾回收

我刚刚读到WeakMaps通过专门使用对象作为键来利用垃圾收集,并且将对象分配给null等同于删除它:letplanet1={name:'Coruscant',city:'GalacticCity'};letplanet2={name:'Tatooine',city:'MosEisley'};letplanet3={name:'Kashyyyk',city:'Rwookrrorro'};constlore=newWeakMap();lore.set(planet1,true);lore.set(planet2,true);lore.set(planet3,true);console.l

javascript - 在 ES6 + babel 中使用 bluebird promise 导入类(构造函数)

假设我创建了一个node.js库lib.jsexportclassC{constructor(value,callback){callback(false,`Hello${value}`);}task(value,callback){callback(false,"returned"+value);}}重要的部分是类的构造函数需要接受回调,因为它处理数据库连接和文件I/O。如果我现在导入并使用库回调样式,一切都很好(请参阅下面的c1)。我真的很想promise我使用它的库,使对象构造更方便(实际上它是一大堆类和方法)。但是,我找不到在promise-safe中正确地new类的方法。im

javascript - Chrome 中的 ES6 - Babel Sourcemaps 和 Arrow Functions 词法作用域

我在ES6class中有一个函数:classTest{//OmittedcodeforbrevityloadEvents(){$.get('/api/v1/events',(data)=>{this.actions.setEvents(data);});}}Babel将this转换为不同的形式,并生成一个_this变量来控制箭头函数的词法范围。var_this=this;$.get('/api/v1/events',function(data){_this.actions.setEvents(data);});当我在Chrome中使用源映射调试ES6类并在我调用this.actions