草庐IT

es6-features

全部标签

javascript - 在 ES6 中使用对象或数组解构赋值时如何混合使用 const 和 let?

示例:constfoo={a:"A",b:"B"}const{a,b}=foo如果我希望b成为使用let的变量怎么办? 最佳答案 看起来你不能在一行中区分变量的声明。但是,您可以将它分成两行并使用不同的变量声明,这取决于您想要获取哪个变量。const{a}=foo;let{b}=foo; 关于javascript-在ES6中使用对象或数组解构赋值时如何混合使用const和let?,我们在StackOverflow上找到一个类似的问题: https://stac

javascript - 如何使用 es6 导入图像

我正在使用es6并想导入图像以与webpack一起使用。看着file-loaderdoc,这是他们给出的例子:varurl=require("file!./file.png");url现在将返回类似于/static/351f9446b3ba577b6a79e373e074d200.png这适用于require,但我如何使用import来做到这一点,我试过了-import*asurlfrom'../images/151.png';但这不起作用,因为url仍未定义。当它是图像时,如何将变量设置为我要导入的内容? 最佳答案 import*

javascript - 长单行 ES6 字符串文字

谷歌充满了关于如何从ES6字符串文字中获益的博客文章和答案。几乎每一篇深入解释这个特性的博文都有一些关于如何实现多行字符串的细节:leta=`foobar`;但我找不到任何关于如何实现如下长单行字符串的详细信息:leta=`Thisisaverylongsinglelinestringwhichmightbeusedtodisplayassertionmessagesorsometext.Ithasmuchmorethan80symbolssoitwouldtakemorethenonescreeninyourtexteditortoviewit.Hello${world}`有任何线索

javascript - ES6 Promise.all 进度

在继续之前,我有几个需要解决的promise。Promise.all(promises).then((results)=>{//goingfurther});有什么方法可以让Promise.allpromise有进展吗?从文档看来,itisnotpossible.和thisquestion也不回答。所以:您不认为这会有用吗?我们不应该查询此功能吗?目前如何手动实现它? 最佳答案 我编写了一个您可以重复使用的小辅助函数。基本上像往常一样传递你的promise,并提供一个回调来做你想做的事情..functionallProgress(p

javascript - ES6 类默认值

是否可以创建一个ES6类,如果它没有在新方法中传递,则将默认值分配给属性?classmyClass{constructor(options){this.a=typeofoptions.a!=='undefined'?options.a:'defaultavalue';this.b=typeofoptions.b!=='undefined'?options.b:'defaultbvalue';this.c=typeofoptions.c!=='undefined'?options.c:'defaultcvalue';}}varmyClassWithValue=newmyClass({a:

javascript - ES6 导出默认函数

我可以为每个文件导出多个函数吗?似乎当我这样做时,第二个函数超越了第一个函数,例子:在我的index.js文件中:exportdefaultfunctionaFnt(){console.log("functiona");}exportdefaultfunctionbFnt(){console.log("functionb");}然后当我将它导入我的文件时:importaFntfrom"./index";console.log("aFnt:",aFnt);console.log的结果是bFnt这里到底是怎么回事?我必须为每个函数创建一个新文件吗?这不是很实用,有什么解决方案或解决方法吗?

javascript - 箭头函数语法 (=> )' is only available in ES6 (use ' esversion : 6')

目前我正在使用Protractor/grunt运行我的测试,但我收到以下错误消息:'arrowfunctionsyntax(=>)'isonlyavailableinES6(use'esversion:6').我认为我的.jshintrc文件没有被读取,因为我添加了这个条件。.jshintrc{"esversion":6}Gruntfile.jsjshint:{all:["tests/API/**/*.js"],options:{undef:true,mocha:true,node:true,jshintrc:true,esversion:6,globals:{require:true

javascript - ES6 模块 - 为什么命名的 const 导出不是只读的

我去过readingaboutESmodules并进行实验并偶然发现了一个我无法解释的案例://settings.jsexportconstFOO=42;exportconstBAR=5;//main1.jsimport*assettingsfrom'./settings';settings.FOO=1;//main2.jsimport{FOO,BAR}from'./settings'FOO=1;在main1.js中,我可以通过settings变量覆盖const值,但在main2.js中我不能(正如预期的那样)。(理论上的)问题是为什么在第一种情况下可以覆盖const值?创建“只读Vi

javascript - 如何将 Immutable JS 与类型化的 ES6 类一起使用?

假设我有课Task和TaskGroupclassTask{constructor(publictext:string){}}classTaskGroup{constructor(publictitle:string="newtaskgroup",publictasks:Task[]=[]){}}然后在我的Angular2服务中,我将创建一个不可变的任务组列表@Injectable()classTaskService{taskGroups:Immutable.List;constructor(){this.taskGroups=Immutable.List([newTaskGroup("

javascript - 理解 ES6 符号

当涉及到语言时,我一直处于困境中,从C#到Lisp到Scala到Haskell,在每一种支持它们的语言中,符号的行为几乎都是一样的;也就是说,任何两个具有相同名称的符号都保证是相同的,因为它们是单例对象。Racket:(equal?'foo'foo)trueCommonLisp:(eq'foo'foo)trueruby::foo==:footrueScala:'foo=='footrueES6:Symbol('foo')===Symbol('foo')false符号作为单例的好处是显而易见的:您可以在map/字典中使用它们,而不必冒您的key不等于您的输入的风险,因为语言突然决定以不同