草庐IT

异步函数async

全部标签

javascript - 导入自调用函数

我创建了一个特定的效果并将其包装到myEffect.js文件中的自调用函数中,(function(){//yadayada...}());是否可以使用es6导入方式将其导入到我的主文件中,以便它按原样运行?我这样做的原因是我的主要js文件有其他杂项,而且这个效果本身很长,我希望能够将它们分开。 最佳答案 效果将在评估模块时运行,这发生在它在某个其他模块中至少导入一次时。你根本不需要IIFE,ES6模块已经提供了它们自己的作用域。您不需要导出任何东西,因为您的模块应该做的就是执行副作用。它没有结果值。(这可能被认为是设计缺陷,但我们不

javascript - ReactJS:e.preventDefault() 不是函数

我正在制作一个简单的待办事项应用程序,我在其中加入了编辑和删除待办事项的逻辑。我正在尝试从子组件更新父状态,但是当我尝试单击删除时,它向我抛出一个错误e.preventDefault()isnotafunction并且它正在删除这里的所有待办事项是组件:家长exportdefaultclassAppextendsReact.Component{constructor(props){super(props);this.state={listArr:[],}}deleteTodos(i){varlists=this.state.listArr;lists.splice(i,1);this.

javascript - Node : Testing with sinon and async/await

使用sinon和async/await运行此测试时遇到问题。这是我正在做的一个例子://infilefuncsasyncfunctionfuncA(id){leturl=getRoute53()+idreturnawaitfuncB(url);}asyncfunctionfuncB(url){//emptyfunction}和测试:letfuncs=require('./funcs');...//describeletstubRoute53=null;letstubFuncB=null;letroute53='https://sample-route53.com/'letid='123

javascript - mobx 的 `action.bound` 和箭头函数在类函数上的区别?

在带有babel的类上使用箭头函数对其进行转换,因此定义绑定(bind)在构造函数中。因此它不在原型(prototype)中,并且在继承时无法通过super获得。通过创建许多实例进行扩展时,它的效率也不高。关于这个主题的博客文章很多,但我只是想知道在使用babel时与箭头函数相比,mobx.action.bound的处理方式有何不同。两者比较:classExample{test=()=>{console.log(this.message)}}classExample{@action.boundtest(){console.log(this.message)}}

javascript - JavaScript 对象中不同函数声明之间的区别(如果有的话)是什么?

我有一个JavaScript对象:varmethods={classStyle(){console.log('Classstylefunction');},traditionalStyle:function(){console.log('Traditionalstylefunction');},arrowStyle:()=>{console.log('Arrowstylefunction');}};methods.classStyle();methods.traditionalStyle();methods.arrowStyle();输出符合预期:(index):70Classstyl

javascript - Google Analytics 异步跟踪代码段的含义是什么?

Google在“Addinganalytics.jstoYourSite”指南中提供了以下代码片段:window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+newDate;这段代码是否初始化了GoogleAnalytics?怎么办? 最佳答案 让我们分解一下window.ga=正在为Windows对象上的ga分配一个变量window.ga||function(){...}因为短路,这将分配现有的window.ga或调用函数。这可以被认为是:if(!

javascript - 在向用户显示输出的同时准确测量 Javascript 函数的性能

正如您在下面的代码中看到的,当我增加字符串的大小时,它会导致0毫秒的差异。此外,随着字符串数量的增加,会出现不一致的情况。我是不是做错了什么?letstringIn=document.getElementById('str');letbutton=document.querySelector('button');button.addEventListener('click',()=>{lett1=performance.now();functionToTest(stringIn.value);lett2=performance.now();console.log(`timetakeni

Javascript 函数 throttle

我想使用JSThrottle。但我正在努力让它正常工作。我尝试了这篇文章中的代码:https://codeburst.io/throttling-and-debouncing-in-javascript-b01cad5c8edf但是Throttle没有按预期工作,因为每次我点击按钮时,一个“|”被添加到div。没有点击被丢弃。错在哪里?functionfoo(){ $("#respond").append("|");}constthrottle=(func,limit)=>{letinThrottlereturnfunction(){constargs=argumentsconstco

javascript - 了解异步 React 渲染

我刚开始学习React,我想知道为什么下面的代码不能按预期工作。我以为它会显示Thenumbers:0123但它只显示0。我也对基于类的组件使用了相同的方法,并使用了钩子(Hook),但我仍然得到相同的结果。我对使用异步代码进行react渲染有什么不理解的?importReactfrom"react";importReactDOMfrom"react-dom";functionApp(){letnumbers=[0];fetch("some.url").then(res=>res.json()).then(list=>{for(letnoflist){numbers.push(n);}

javascript - 编写一个函数对对象数组进行排序(通过使用另一个对象来指定排序路径和顺序)

我将编写一个函数来对具有某种结构的任何JSON进行排序(只要知道它是一个对象数组,例如产品列表),方法是使用另一个对象作为其参数以确定根据哪个对象执行排序键。//ThejsonthatIgetmightlookslikesomethinglikethis.//Ijustwriteoneitemofthearray,butallofthemarethesame.//Buttheblueprintoftheitemsineachjsonaredifferent.constdataArray=[{id:100,name:'product_1',price:99.95,color:['#fff