草庐IT

es6-features

全部标签

javascript - grunt uglify js 不理解某些 es6 功能?

我在我的项目中使用了grunt-uglify,并且我正在使用es6。对于某些es6功能,例如粗箭头功能,它会抛出错误。我认为uglify不理解这种语法。我有办法解决这个问题吗?我的意思是我可以使用任何东西让uglify理解所有es6语法吗? 最佳答案 您可以使用grunt-contrib-uglify的harmony分支。npminstallgit://github.com/gruntjs/grunt-contrib-uglify.git#harmony--save-dev与es6完美配合。不需要额外的grunt设置。

javascript - 在 ES6 模板文字中插入 if 语句

我有一个简单的ajax请求返回一些数据,然后插入到模板文字中。我想知道是否可以在模板中插入“if”语句?如果json对象有第5种颜色,本质上是添加一行代码。$.ajax({url:'http://localhost:8888/ColourCatchr%202/app/search.php'}).done(function(results){varres=jQuery.parseJSON(results);console.log(res);$.each(res,function(index,result){$('.palettes').append(`${result.name}${re

javascript - ES2015 Babel 字符串插值不适用于撇号(但适用于双引号)

我正在使用babel/grunt来学习一些ES2015。根据thispost单引号和双引号在Javascript中没有真正的区别。即“测试”和“测试”。虽然在尝试字符串插值时,babeljs似乎存在问题(或者更可能是我)。请问下面的代码有什么问题吗?根据thisdocument,似乎两者都应该有效。Chrome控制台中没有错误。工作Js:varname="Bob",time="today";alert(`Hello${name},howareyou${time}?`);转换为:varname="Bob",time="today";alert("Hello"+name+",howarey

javascript - 带有 getter/setter 的 JSON stringify ES6 类属性

我有一个JavaScriptES6类,该类具有使用set设置的属性并使用get函数访问。它也是一个构造函数参数,因此可以使用所述属性实例化该类。classMyClass{constructor(property){this.property=property}setproperty(prop){//Somevalidationetc.this._property=prop}getproperty(){returnthis._property}}我使用_property来避免使用get/set的JS陷阱,如果我直接设置为property会导致无限循环。现在我需要将MyClass的一个实例

javascript - 是否可以在 es6 模板字符串中进行评论?

假设我们有一个多行es6模板字符串来描述例如请求的一些URL参数:constfields=`id,message,created_time,permalink_url,type`;有没有办法在反引号模板字符串中添加注释?喜欢:constfields=`//postidid,//poststatus/messagemessage,//.....created_time,permalink_url,type`; 最佳答案 选项1:插值我们可以创建interpolation返回空字符串的block,并将注释嵌入其中。constfields

javascript - ExtJS 4 : grid: cell editing: auto edit feature 需要的建议和帮助

我搜索了与ExtJS相关的问题,但没有找到任何引用,但如果我错过了,请提前提出重复问题。我想寻求一些关于如何制作ExtJS4网格的帮助:单元格编辑:自动编辑功能——我的意思是,我想在按下一个键时进入单元格编辑模式(例如,通过按“123”在突出显示的单元格中,文本将替换(如果有的话)为“123”)。目前可以通过按回车键或点击鼠标进入单元格编辑模式。作为基础,我正在使用Sencha提供的示例:http://dev.sencha.com/deploy/ext-4.0.2a/examples/grid/cell-editing.html如有任何提示和指点,我们将不胜感激。提前致谢!:)实际上我

javascript - 使用 Angular 1.5 UI 路由器的 ES6 导入语法

我正在尝试将Angular1.5、使用ES6导入模块语法的UIRouter与Babel和Webpack结合起来。在我的app.js中我有:'usestrict';importangularfrom'angular';importuiRouterfrom'angular-ui-router';...importLoginCtrlfrom'./login/login.ctrl.js'constapp=angular.module("app",[uiRouter,...]).config(function($stateProvider,$urlRouterProvider){$statePr

javascript - 将 promise polyfill 添加到 ES6

我有一个用ES6编写的React项目。它是使用Babel编译的并且运行良好。除了我已经知道的仅在IE中起作用的一个promise(许多!)不支持promise。所以我立即想到添加一个polyfill来为IE提供promises,但后来我想“等一下,你已经在写ES6了,难道它不编译到ES5中吗?”谁会比SO更清楚?那么添加诸如es6-promise的polyfill有什么意义吗?我的项目?如果有,我应该如何在语法上使用它?现在我只有导入,但我可能也应该以某种方式实现它?importPromisefrom'es6-promise';另外还有在IE中导致问题的promise,也许我有一个我自

javascript - 有没有办法卡住 ES6 map ?

我正在寻找一种卡住原生ES6map的方法。Object.freeze和Object.seal似乎不起作用:letmyMap=newMap([["key1","value1"]]);//Map{'key1'=>'value1'}Object.freeze(myMap);Object.seal(myMap);myMap.set("key2","value2");//Map{'key1'=>'value1','key2'=>'value2'}这是预期的行为,因为卡住卡住了objects和maps的属性不是objects或者这可能是一个错误/尚未实现?是的,我知道,我可能应该使用Immutab

javascript - 将 ES6 与 Angular2 rc3 一起使用时需要未捕获的反射元数据垫片

我刚刚将Angular从rc-1更新到最新的rc-3。该应用程序使用JavaScriptES6和SystemJS。当我使用browsersync运行该应用程序时,它可以正常工作。但是如果我捆绑应用程序(使用systemjs-builder)然后运行它,我会在浏览器控制台中出现此错误Uncaughtreflect-metadatashimisrequiredwhenusingclassdecorators.如果我从'@angular/http'中删除import{Http,HTTP_PROVIDERS};它有效。此外,TypeScript不会发生这种情况,但JSES5和ES6会发生。We