草庐IT

ES分组

全部标签

javascript - 如果将前端代码分组有助于减少请求,为什么不将更多网站写在一个 html 文档上?

我想我想问的是,如果将JavaScript分组被认为是一种好的做法,为什么没有更多的网站将JavaScript和CSS直接放入一个HTML文档中? 最佳答案 whydon'tmorewebsitesplacetheJavaScriptandCSSdirectlyintooneHTMLdocument单个文件缓存。外部文件具有被缓存的优势。由于脚本和样式很少更改(静态)和/或在页面之间共享,因此最好将它们与页面分开,使页面更轻便。与其下载500kb的嵌入JS和CSS的页面数据,为什么不加载5kb的页面,并从缓存中加载495kb的JS和

javascript - 如何识别 ES6 生成器

假设我有一个这样的生成器函数:varg=function*(){yield1;yield2;yield3;};vargen=g();我如何以编程方式判断g是一个生成器函数,或者gen是一个迭代器?这似乎是一种可能性:g.constructor.name==='GeneratorFunction'有没有更好的办法?更新:我结束了takinganapproach类似于Eric'sanswer,但使用eval首先确定目标平台是否支持生成器。这是实现:varGeneratorConstructor=(function(){try{vargenerator;returneval('generat

javascript - 如何使用 mocha/chai/chai-as-promised 测试 ES7 异步函数

我有以下功能要测试://...constlocal=newWeakMap();exportdefaultclassUser{//...asyncpassword(password){if(!password)returnlocal.get(this).get('hash');//removethisforsecurityreasons!if(password.length现在我想用mocha测试这个函数,chai和chai-as-promised做这个测试用例:importchaifrom'chai';importchaiAsPromisedfrom'chai-as-promised'

javascript - 使用 Babel.js 将 ES6 箭头函数编译为 Es5

在Mozilla文档中查看ES6箭头函数的文档时,我了解到箭头函数应用严格模式的所有规则,除了在link中描述的规则。varf=()=>{'usestrict';returnthis};varg=function(){'usestrict';returnthis;}console.log(f());//printsWindowconsole.log(g());//printsundefined//wecantestthisinfirefox!但是,Babel.js将箭头函数代码转换为ES5代码,返回undefined而不是Window(demolink)"usestrict";setT

javascript - ES6 用箭头函数给变量赋值

我刚刚开始习惯ES6语法,我想知道是否可以使用箭头函数为变量赋值。我正在编写一个基本的轻量级AJAX帮助程序库,并且在状态为200时,我想向用户返回一个有效负载,我目前正在这样做:varresponseData="";switch(payload.returnType.toLowerCase()){case"json":responseData=JSON.parse(httpRequest.responseText);break;case"text":responseData=httpRequest.responseText;break;default:responseData=nul

javascript - 判断回调函数的 是否是 ES6 箭头

这个问题在这里已经有了答案:JavaScriptES6:Testforarrowfunction,built-infunction,regularfunction?(10个答案)关闭6年前。由于普通箭头函数和ES6箭头函数之间的上下文差异很大,我希望能够找出回调fn接收到的是哪一个。typeof将return两者的function。有什么办法区分吗?

javascript - ES2015+ Nested Rest 解释

我正在查看node.green在destructuring,assignment>nestedrest下,使用了以下示例函数:functionf(){vara=[1,2,3],first,last;[first,...[a[2],last]]=a;returnfirst===1&&last===3&&(a+"")==="1,2,2";}console.log(f())现在,我理解了解构,但我不明白为什么a被重写为[1,2,2]同时[...[a[2],last]]=a;返回[1,2,1] 最佳答案 [first,a[2],last]=

javascript - Babel ES6 导入错误,SyntaxError : Unexpected token import

我正在尝试设置一个基本的模块化程序,但我似乎遇到了导入模块的问题。我尝试导入我的自定义模块,但出现以下错误:(function(exports,require,module,__filename,__dirname){importtestStepfrom'testStep';^^^^^^SyntaxError:Unexpectedtokenimport导致问题的代码:测试用例.jsimporttestStepfrom'testStep';testStep.hello();测试步骤.jsvartestStep={hello:hello,};varhello=()=>{console.lo

javascript - ES6 文件上的谷歌地图回调

我正在尝试在ES6文件上添加回调,但找不到它。我收到此错误消息:“initMap不是函数”我的文件是这样的:&callback=initMap">我的js文件是:exportfunctioninitMap(){map=newgoogle.maps.Map(document.getElementById('map'),{center:{lat:-34.397,lng:150.644},zoom:8});fetch('/data/markers.json').then(function(response){returnresponse.json()}).then(plotMarkers);

javascript - 带有 es5 的 Angular 5

Angular4支持以下语法varHelloComponent=ng.coreComponent({selector:'hello-cmp',template:'HelloWorld!',viewProviders:[Service].Class({constructor:[Service,function(service){},`});在Angular5中,缺少类,目前任何人都可以为Angular5提供ES5语法我无法切换ES6,所以请避免使用该建议。如果切换到ES6是唯一的方法,那么我现在将坚持使用Angular4 最佳答案 您