草庐IT

javascript - Babel [karma-babel-preprocessor] 不为 Karma 测试转换 ES6->ES5

我们已经安装了karma,它使用mocha和chai进行测试。我们正在尝试使用karma-babel-preprocessor将babel直接集成到karma中,以将我们的ES6文件转换为ES5以运行。单独使用mocha与babel一起工作,即mocha测试命令,但我们尝试使用karma而不是它不起作用。karma.conf.js片段:frameworks:['mocha','chai'],//preprocessmatchingfilesbeforeservingthemtothebrowser//availablepreprocessors:https://npmjs.org/br

javascript - ES6 模块导出默认语法

我正在使用带有esnext:true选项的es6-module-transpiler、esprima和JSHint。JSHint在我输入时提示:exportdefault={some:'thing',other:'thing'};但是esprima在我使用的时候提示exportdefault{some:'thing',other:'thing'};spec说exportdefaultAssignmentExpression;这让我觉得JSHint需要更新,而esprima正在正常轰炸,因为没有分配。有人可以在这里为我做决定吗? 最佳答案

Javascript ES6 - 映射多个数组

JavaScript6中是否有允许映射多个数组的功能?类似zipper的东西:varmyFn=function(a,b){console.log(a,b);}vararr1=['a','b','c'];vararr2=[1,2,3];arr1.map(myFn,arr2);//imaginarysyntax.//prints://a1//b2//c3 最佳答案 正如其他答案所指出的,这通常称为zip。它可以实现为:letzipped=arr1.map((x,i)=>[x,arr2[i]]);或者作为一个函数,基本上:letzip=(

javascript - 为什么 ES6 类语法控制台日志记录与 ES5 类语法不同?

我正在努力学习更多的ECMAScript6和更好的继承。问题当我控制台注销时bob与daisy它们不同。boblogs__proto__下的原型(prototype),并显示他的run:true;构造函数。在ES6实现中,daisy没有__proto__但是,它仍然可以访问isRunning。为什么?varMan=(function(){"usestrict";functionMan(){this.run=true}Man.prototype.isRunning=function(){console.log('yesssimmarun');};returnMan;})();varbob

javascript - 闭包与 ES6 Let

尝试使用闭包和let在for循环中打印一系列数字:考虑以下示例:for(vari=1;i输出是:101010101010101010闭包:for(vari=1;i输出是:123456789没有闭包,只使用ES6let:for(leti=1;i输出是:123456789试图了解我们是否仍然需要使用IIFEblock的闭包以转向ES6?如果我们真的需要ES6的闭包,有什么好的例子吗? 最佳答案 这是KleoPetrov的一个很好的解释-DoES6ModulesmakethecaseofIIFEsobsolete?IIFE是ES5中最常用

javascript - 创建具有不同范围的 ES6/ESNext 原型(prototype)函数(不是内联函数)

好吧,假设我们有这个:classCar{constructor(name){this.kind='Car';this.name=name;}printName(){console.log('this.name');}}我想做的是定义printName,像这样:classCar{constructor(name){this.kind='Car';this.name=name;}//wewanttodefineprintNameusingadifferentscope//thissyntaxisclose,butis*not*quitecorrectprintName:makePrintN

javascript - 同时导入 ES6 和 ES7 core-js polyfill 有什么用吗?

为Object导入ES6polyfill是否有用或多余?import'core-js/es6/object';还有Object的ES7polyfill?import'core-js/es7/object';ES7polyfill是否涵盖了所有ES6功能,我可以不使用ES6polyfill,还是ES6polyfill添加了ES7polyfill中不存在的功能? 最佳答案 这个答案涉及core-js@2。从core-js@3开始,不再有单独的ES6和ES7前缀。这是由于ECMAScript的开发方式。您可以在core-js@3,babe

javascript - 返回一个等待的值会返回一个 Promise? (es7 异步/等待)

constret=()=>newPromise(resolve=>setTimeout(()=>resolve('somestring'),1000));asyncfunctionwrapper(){letsomeString=awaitret();returnsomeString;}console.log(wrapper());它记录Promise{};为什么它返回一个Promise而不是'somestring'?我正在使用BabelES7预设来编译它。 最佳答案 异步函数返回promise。为了做你想做的事,试试这样的事情wra

javascript - ES6 类的 getter 和 setter 实际上是什么?

ES6类定义中的get和set方法是什么?它们实际上是原型(prototype)属性吗?例如:classPerson{constructor(){};getname(){return'jack';}setname(){//???}}这是否等于Person.prototype.name='jack'?此外,我还看到了使用实例prop的setter示例:classPerson{constructor(){this._name='jack';};getname(){returnthis._name;}setname(val){this._name=val;}}我不想这样做;我想要这样的东西:

javascript - 如何在 ES6 中将长导入语句分成多行?

我的JavaScript(ES6)文件中有一个很长的导入语句:import{A,B,C,D}from'../path/to/my/module/in/very/far/directory/'这样加新行可以吗?import{A,B,C,D}from'../path/to/my/module/in/very/far/directory'如果没有,是否有任何其他方式来编写干净的代码(保留我的代码在80列内)使用Babel以ES6语法导入语句? 最佳答案 这是我使用ESLint进行测试的结果。ESLINT通过importfsfrom'fs'