草庐IT

es6-features

全部标签

javascript - 使用 ES6 类将实例方法传递给 super

据我了解,在调用super()之前,this在构造函数中不可用。不过,在引用实例方法时,我们需要在方法前加上this前缀。那么如何将实例方法传递给super()呢?例如在Phaserframework,有一个Button类(class)。构造函数接受点击事件的回调:ConstructornewButton(game,x,y,key,callback,callbackContext,overFrame,outFrame,downFrame,upFrame)callback-ThefunctiontocallwhenthisButtonispressed.callbackContext-T

javascript - 如何在带有 ES6 的 webpack 中的 Angular 之前包含 jQuery?

我试过这个:import$from'jquery';window.jQuery=$;importangularfrom'angular';但$.fn.scope未定义且ng-bind-html中的脚本不起作用InjectingascripttagwithngBindHtml也在webpack配置中尝试过这个module.exports={module:{loaders:[{test:/angular(\.min)?\.js$/,loader:"imports?$=jquery"},{test:/jquery(\.min)?\.js$/,loader:'expose?jQuery'}]}

javascript - yield [] 和 yield all() 的区别 - ES6/redux-saga

与ES6的内置yield[]相比,使用redux-saga的yieldall([])有什么优势吗?要并行运行多个操作,redux-saga建议:constresult=yieldall([call(fetchData),put(FETCH_DATA_STARTED),]);但是不用​​all()方法也可以完成同样的事情:constresult=yield[call(fetchData),put(FETCH_DATA_STARTED),];哪个更好,为什么? 最佳答案 没有功能差异,正如MateuszBurzyński(redux-s

javascript - ES7 异步函数和 promise 之间的技术区别?

我试图更好地理解JavaScript中的asyncfunction在技术上是什么,即使我基本上知道如何使用它们也是如此。许多对async/await的介绍让人相信async函数基本上只是一个promise,但显然不是这样(至少在Babel6-transpiledcode中不是):asyncfunctionasyncFunc(){//nop}varfooPromise=newPromise(r=>setTimeout(r,1));console.clear();console.log("typeofasyncFuncis",typeofasyncFunc);//functionconso

javascript - ES6 默认值在 function.arguments 中不可用?

如果我有这个ES6函数声明和调用:functionmyFunction(arg1,arg2="bob"){console.log("arguments",arguments);}myFunction(1);...console.log()语句仅显示一个值为“1”的参数。“鲍勃”无处可寻。这是预期和/或期望的行为吗?我希望默认值在arguments对象中可用。如果没有,有没有办法以其他方式动态获取所有参数+默认值?提前致谢! 最佳答案 是的,这是预期和期望的。arguments对象是传递给函数的值的列表,没有别的。它没有隐式链接到参数

javascript - 如果我使用的是 ES6 模块,还需要模块加载器吗?

不幸的是,我对JavaScript模块加载器的了解仍在增长,我正试图了解它们与新的ES6模块的关系。据我所知,使用CommonJS或RequireJS等模块加载器使用ES5兼容JavaScript确实需要使用异步模块加载器的使用,以提高性能并仅在需要时使用相应模块加载器的语法进行加载。然而看着ES6moduledocumentation阅读其他信息,在我看来,模块加载是通过import和export关键字原生支持的。如果是这种情况,我是否更正了ES6JS模块native支持异步模块加载,因此我不需要使用像CommonJS或RequireJS? 最佳答案

javascript - 在 ES6 深度嵌套的对象的 javascript 数组中查找值

在一个对象数组中,我需要找到一个value——其中key是activity:但是activitykey可以像这样深度嵌套在数组中:constactivityItems=[{name:'Sunday',items:[{name:'Gym',activity:'weights',},],},{name:'Monday',items:[{name:'Track',activity:'race',},{name:'Work',activity:'meeting',},{name:'Swim',items:[{name:'Beach',activity:'scubadiving',},{name

javascript - 如何在 ES6 中创建主导入文件?

我希望使用ES6语法创建一个主导入文件。我有一个包含index.js文件的组件目录。如果有意义的话,我想export导入。本质上,我想将各个组件文件导入然后导出到索引文件中,这样我就可以从任何其他文件中解构我的imports,如下所示:import{Comp1,Comp2}from"./components"如何使用ES6语法做到这一点? 最佳答案 你可以这样做:export*from"./components"//orexport{Comp1,Comp2}from"./components"如何准确引用components/ind

javascript - 为什么我们不能使用 ES6 箭头函数创建原型(prototype)?

首先,我创建一个ES5函数,然后创建它的原型(prototype):varPerson=function(){};Person.prototype.city=function(){return'NewYork'}我在这里没有错误。但是当我使用ES6粗箭头函数创建相同的对象时,我得到Cannotsetproperty'city'ofundefined:letPerson=()=>{};Person.prototype.city=()=>{return'NewYork'}这是为什么? 最佳答案 因为根据定义,箭头函数没有原型(proto

javascript - ES6 (AngularJS) 服务

在使用ES6创建服务时,我在访问$http等Angular内置服务时遇到问题。例如,我正在创建一个“ResultsFinder”服务,它将执行AJAX调用,然后执行一些操作。问题是我只能在构造函数上访问$http(如果我将它作为参数传递),而不能在其他方法(例如getResults)上访问。请参阅此代码示例:(()=>{'usestrict';classResultsFinder{constructor($http){}getResults(){return'ResultsFinder';}}/***@ngdocservice*@nameitemManager.service:Resu