草庐IT

es6-features

全部标签

javascript - 如何使用 es6 模板文字作为 Angular 组件输入

在我的Angular4应用程序中,我有一个接受字符串输入的组件:在某些情况下我需要在字符串中传递一个变量,例如:如果我可以使用es6templateliterals就好了(又名模板字符串或反引号字符串):但它不起作用:UncaughtError:Templateparseerrors:ParserError:UnexpectedtokenLexerError:Unexpectedcharacter[`]atcolumn1inexpression完成它的正确方法是什么? 最佳答案 ES6Templateliterals(Templat

javascript - 在 ES6 中从父类调用子方法

从父类调用子方法是好是坏?classParent{constructor(){//if'autoPlay'exists(wasimplemented)inchainif(this.autoPlay){this.autoPlay();//executefromparent}}}classChildAextendsParent{autoPlay(){console.log('Child');}}classChildBextendsParent{//'autoPlay'wasn'timplemented}constchildA=newChildA();constchildB=newChild

javascript - ES6 导出覆盖函数

如何导出这个覆盖函数,以便导入模块可以检查该函数是否已被调用?//util.jsexportfunctionisPageload(){return(!!(isPageload=function(){returnfalse;}));}当我用Babel编译它时,我得到这个错误:UncaughtTypeError:(0,_util2.default)isnotafunction这是ES5的等价物:varisPageload=function(){return(!!(isPageload=function(){returnfalse;}));}console.log(isPageload())

javascript - 如何使用另一个组件使用的 ES6 在 React JS 中创建通用帮助程序类?

我是Reactjs的新手,我的问题是我想创建一个类,它将作为我想在另一个类或组件中使用的全局助手。用例例如,如果用户选择任何餐厅,首先我想获取用户输入的所有餐厅列表关键字,然后我想获取餐厅详细信息。在这个用例中,我必须进行两次ajax调用,我想创建可以在其他组件中使用的全局ajax辅助函数。classAjaxHelperClass{ResturantAPI(url){$.ajax({url:url,success:function(res){}});}}exportdefaultAjaxHelperClass;在我使用AjaxHelperClass函数的另一个组件中:importRea

javascript - 将 withCredentials 设置为新的 ES6 内置 HTTP 请求 API : Fetch

如何将withCredentials=true设置为fetch返回promise。以下是否正确:fetch(url,{method:'post',headers,withCredentials:true});我认为MDNdocumentation谈到了关于http请求的所有内容,除了这一点:withCredentials 最佳答案 知道了here:credentials:'include'而不是withCredentials:true 关于javascript-将withCredenti

javascript - 是否可以在 ES6 模块导入中使用子资源完整性?

给定这样的代码:import{el,mount}from'https://unpkg.com/redom@3.2.1/dist/redom.es.js';有没有办法启用subresourceintegrityverification以确保CDNAssets返回预期的内容? 最佳答案 在HTML文档中,您可以使用元素来执行完整性检查,不幸的是,目前仅Blink浏览器支持此功能。//defaultscriptimport("https://unpkg.com/redom@3.2.1/dist/redom.es.js").then(mod

javascript - ES2015模块导入导出语法错误

在ES6中使用导入导出时,出现以下错误:SyntaxError:exportdeclarationsmayonlyappearattoplevel我上网寻找解决此问题的方法,但我做不到。任何人都可以解释一下。我是ES6的新手,尤其是导入和导出。(我完全使用StealJS来处理这种东西)谢谢!js文件是:应用程序.jsimport{cube,cubeRoot}from'functions';console.log(cube(4));console.log(cubeRoot(125));函数.js//functions.jsfunctioncube(a){returna*a*a;}func

javascript - ES6 结构分配?

ES6的新解构赋值特性现在已经相当有名了(livecopy在Babel的REPL上);对于已经存在的变量:leta,b;//Existingvariablesleto={a:"a",b:"b"};//Anobjecttogetvaluesfrom//...({a,b}=o);//Setthemtothepropsfrom`o`console.log(a);//"a"console.log(b);//"b"在ES6中有简单对话吗?根据同名变量在现有对象上设置属性?(除了明显的o.a=a;o.b=b;)请注意,我不是在谈论什么时候创建一个对象,我们可以使用美妙的新对象初始化语法来做到这一点

javascript - V8 中的 ES6 箭头函数词法 this

我有以下使用粗箭头函数的ES6代码:vartest={firstname:'David',fn:function(){return['one','two','tree'].map(()=>this.firstname)}}console.log(test.fn())根据箭头函数的工作原理,我希望this成为test对象。ES6Fiddle、Traceur和Firefox产生预期的输出,即["David","David","David"]。但是,当使用chrome://flags/#enable-javascript-harmony在Chrome中启用这些功能时,我得到了[undefin

javascript - ES2017 Async/await 函数 - 它们只适用于 promises 吗?

我开始在我的js应用程序(由Babel转译)中使用async/awaitES7函数。如果错了请纠正我,但它们只适用于Promises吗?如果是,这意味着我需要将常规回调函数包装到Promises中(顺便说一句,我目前正在做的事情)。 最佳答案 当前(也可能是最终的)async/await提案等待promises和脱糖成类似bluebird的Promise.coroutine的东西,其中await扮演yield.这是有道理的,因为promise代表值(value)+时间,而您正在等待该值(value)可用。注意await也在所有其他包