javascript :尝试使用async/await和IIFE获得同步行为
JavaScript是一种广泛应用于前端开发的编程语言，也可以用于后端开发。它具有动态类型、弱类型、基于原型的特性。JavaScript的核心语法和特性可以通过ECMAScript标准来了解。
在JavaScript中，async/await是一种用于处理异步操作的语法糖。它基于Promise对象，使得异步代码可以像同步代码一样进行编写和阅读。通过async关键字声明的函数可以在内部使用await关键字来等待一个Promise对象的解决（resolved）或拒绝（rejected），从而实现同步行为。
IIFE（Immediately Invoked Function Expression）是一种JavaScript的函数表达式，它可以立即执行。通过将函数定义和调用结合在一起，可以创建一个独立的作用域，避免变量污染全局命名空间。
使用async/await和IIFE结合可以实现同步行为的效果。下面是一个示例代码：
(async function() {
try {
const result = await someAsyncFunction();
console.log(result);
} catch (error) {
console.error(error);
}
})();在上面的代码中，我们使用了async关键字声明了一个匿名的IIFE函数，并立即执行它。在函数体内部，我们使用await关键字等待一个异步操作的结果，并将结果赋值给变量result。如果异步操作成功解决，我们打印结果；如果出现错误，我们打印错误信息。
这种使用async/await和IIFE的方式可以使得异步代码看起来更像是同步代码，提高了代码的可读性和可维护性。
在腾讯云的产品中，可以使用云函数（Serverless Cloud Function）来运行JavaScript代码。云函数是一种无需管理服务器的计算服务，可以根据实际需求弹性地运行代码。您可以通过云函数来实现各种功能，例如处理HTTP请求、定时任务、数据处理等。您可以了解更多关于腾讯云函数的信息和使用方式，可以访问腾讯云函数的官方文档：腾讯云函数
请注意，以上答案仅供参考，具体的实现方式和推荐的产品可能会因实际需求和环境而有所不同。
相关·内容
2回答
为什么await只在javascript的异步函数中起作用？
javascript、asynchronous、async-await
刚看完这个函数，我就不明白为什么await只能在async函数中工作。
来自本教程：
如前所述，await只能在异步函数内部工作。
据我所知，async将函数返回对象包装在Promise中，因此调用者可以使用.then()
async function f() {
return 1;
}
f().then(alert); // 1
而await只需等待在async函数中结算的承诺。
async function f() {
let promise = new Promise((resolve, reject) => {
setTimeout(() => res
浏览 32提问于2018-04-04得票数 27
回答已采纳
3回答
为什么for...of等待解决的承诺，而.forEach()却没有？
javascript、loops
在处理承诺的情况下，我很难理解for...of与.forEach()有何不同。
使用这个片段：
const allSettled = async arr => {
const data = []
for (const promise of arr) {
try {
const result = await promise;
data.push(result);
} catch (e) {
data.push(e)
}
}
return
浏览 5提问于2021-02-25得票数 4
回答已采纳
3回答
Javascript:在异步函数中返回promise
javascript
如果我这样做，会有什么不同：
async function test () {
const foo = await bar()
return Promise.all([promise1, promise2])
}
而不是：
async function test () {
const foo = await bar()
const [result1, result2] = await Promise.all([promise1, promise2])
// Given that I don't care about result1, result2 in this
浏览 0提问于2017-01-13得票数 17
回答已采纳
1回答
异步箭头功能和异步生活有什么不同？
javascript、asynchronous、async-await、arrow-functions、iife
有人能帮我理解一下这些代码块的执行方式有什么不同(如果有区别的话)：
;(async function(){
await alert('Hello world!');
})();
和
let myFunction = async () => {
await alert('Hello world!');
};
除了IIFE立即自我调用这一事实之外，这些块的执行方式有什么不同吗？
浏览 5提问于2018-03-14得票数 0
5回答
如何在函数中摆脱异步？
javascript、async-await、nightwatch.js
假设我有这样的代码：
const myFunction = async => {
const result = await foobar()
}
const foobar = async () => {
const result = {}
result.foo = await foo()
result.bar = await bar()
return result
}
我想要的是：
const myFunction = () => {
const result = foobar()
}
我尝试这样包装foobar：
const foobar = as
浏览 42提问于2018-12-03得票数 3
回答已采纳
1回答
在异步函数中不相关等待期间响应事件的拒绝
javascript、asynchronous、promise
当事件在函数中触发时，拒绝异步函数的“首选”方法是什么？
目前，我正在通过使用Promise.race包装每个异步操作来实现这一点。
async function exampleFunction(emitter){
let lastError;
emitter.once('error',error=>lastError=error);
function createCancellable(promise){
//cancel if any error occurred in between
if(lastError)
浏览 2提问于2018-08-15得票数 2
回答已采纳
2回答
异步与标准回调混合
javascript、async-await、es6-promise
我刚刚开始在Javascript中学习Promise，并且偶然发现了async/await。
据我理解，如果我指定一个函数为async，javascript将始终包装我的函数的内容，并返回一个Promise，而不是我返回的任何内容。
让我们假设以下情况：
async function httpRequest() {
oReq = new XMLHttpRequest();
oReq.addEventListener("load", function() {
return this.responseText;
});
oReq.open(&#
浏览 2提问于2019-12-19得票数 1
回答已采纳
3回答
Javascript等待/异步功能-如果函数中没有等待字怎么办？
javascript、asynchronous
我正在学习Javascript ES2017异步/等待功能。我读了很多关于它的书，我发现等待就像是让步，让我们可以等待承诺的完成。
来自
async function showAvatar() {
// read our JSON
let response = await fetch('/article/promise-chaining/user.json');
let user = await response.json();
// read github user
let githubResponse = await fetch(`https://a
浏览 2提问于2017-12-21得票数 0
2回答
从返回值的角度来看，在异步函数中等待关键字的意义是什么？
javascript、asynchronous、async-await
我研究了许多帖子、文章和文档。我在寻求更深层次的理解。
来自
await表达式导致async函数执行暂停，直到Promise解决为止，.
let fetchLocation = () => {
//fetches information from satellite system and
//returns a Vector2 of lat long on earth
return new Promise(resolve => {
setTimeout(() => {
resolve({
lat: 73,
浏览 8提问于2022-01-26得票数 1
1回答
async/await /函数返回赋值
asynchronous、async-await、es6-promise、ecmascript-5
目前有一个简单的函数：
async function getItem(id) {
const item = await ... doing a bunch of time consuming stuff
return item;
}
来自同步语言，仍然从表面上理解异步/等待；我原本希望下面的代码返回已解决的项：
const item = getItem('items-8');
console.log(item); // Just getting a promise
这个问题有点“表面化”，但作为async/await解决回调的一种方式，我希望能走得更远，甚至避免这种情况
浏览 43提问于2018-01-02得票数 1
回答已采纳
2回答
使用属性名称的数字调用异步函数返回Promise对象
javascript、react-native、es6-promise
我正在调用这个代码：
Permissions.check('photo')
.then(response => {
...
});
在这里我可以使用response对象来检查值。
但我想用await调用它，如下所示：
async function test() {
let test = await Permissions.check('photo');
return test;
}
...
let result = test();
但是这将返回如下的Promise对象：
Promise {_40: 0, _6
浏览 0提问于2017-08-30得票数 2
1回答
如何向异步函数调用返回同步结果
javascript、node.js、promise
在Node 13中，外部第三方库调用我的代码：
const myInput = myCode.run(somVar); // it doesn't use await
由于我的代码必须执行嵌套的同步调用，我如何才能为第三方库提供适当的返回值，而不是promise，而是我的promise的结果？理想情况是这样的：
const run = (inputVar) =>{
let result
(async ()=>{
result = await doSyncCalls(inputVar);
})(); // code should not pr
浏览 0提问于2019-11-23得票数 0
3回答
异步等待promise.all映射未解析承诺
javascript、node.js、promise、async-await
我正在尝试使用async await来理解地图函数中的Promise.all，但我似乎返回了挂起的承诺，我不明白为什么
以下是当我有一个.then来解析我的承诺时的工作代码
const arr = [1, 2, 3, 4, 5];
const results = Promise.all(arr.map( item => {
return item + 1;
}));
results.then(result=> console.log(result))
哪个日志符合预期= 2，3，4，5，6
现在，要使用async-await实现函数，我知道需要使用关键字async和aw
浏览 1提问于2019-05-13得票数 0
2回答
为什么要尝试{}。catch()不使用异步/等待函数？
javascript、promise、try-catch
const errorTest = async() => {
const result = await $.get("http://dataa.fixer.io/api/latest?access_key=9790286e305d82fbde77cc1948cf847c&format=1");
return result;
}
try {
errorTest()
}
catch(err) {
console.log("OUTSIDE ERROR!" + err)
}
URL故意不正确地抛出错误，但外
浏览 3提问于2021-06-23得票数 5
回答已采纳
1回答
隐藏异步等待
javascript、asynchronous
有人知道如何将异步await隐藏在函数中吗？
编辑，因为我似乎不清楚。
我想要做的是将等待包装在一个函数中，这样主外部函数看起来就不像异步代码了：asyncFunction：是一个异步函数。hideAsync：一个包装函数，它将消除从主代码中添加“等待”关键字的需要。运行：看起来像线性函数的主代码。
希望这次我说清楚了:-/
var someSome = {};
someSome.wait = ms => new Promise(resolve => setTimeout(resolve, ms));
someSome.asyncFunction = async (el
浏览 2提问于2017-08-24得票数 1
3回答
我想在Object中返回异步函数的值
javascript、promise、async-await
我有一个异步功能。我想创建一个对象，对象中属性的值是异步函数的返回值。但现在该属性的值是一个对象承诺
我的代码是这样的：
const promise1 = new Promise(function(resolve, reject) {
resolve('myvalue');
});
const a = async () => {
var b = await promise1
return b;
}
const newobj = {'a': a()};
console.log(newobj)
// the result is : {a:
浏览 0提问于2019-04-09得票数 0
1回答
等待承诺价值行为
javascript、asynchronous、promise
我正在开发一个基于nodejs和电子的应用程序，它必须从-database检索数据。我还没有完全理解承诺的概念，或者我认为我已经对它有了足够的理解，可以使用它，但是由于承诺的异步性质，它最终总是会陷入一堆混乱的嵌套回调。
我知道像这样的线程以及在那里提出的解决方案。如果代码路径是“死胡同”(例如，错误处理)，那么使用回调或承诺的.then().method可能会很好，但是对于许多顺序行来说，它将以无休止的嵌套代码结束。
我也知道有一个 return await ...()，但是我尝试了一些方法来使异步方法同步。以下代码提出了一些问题：
function getFromDatabase() {
浏览 0提问于2019-04-26得票数 1
回答已采纳
8回答
带生成器的异步/等待和ES6产量的差异
javascript、node.js、ecmascript-6、generator、ecmascript-next
我刚刚读了一篇精彩的文章“”，它清楚地突出了这个函数，它是一个处理生成器函数的辅助函数：
function async(makeGenerator){
return function () {
var generator = makeGenerator.apply(this, arguments);
function handle(result){
// result => { done: [Boolean], value: [Object] }
if (result.done) return Promise.resolve(result.v
浏览 14提问于2016-03-24得票数 100
回答已采纳
2回答
为什么我需要在另一个函数中再次异步/等待？
javascript、async-await
我很困惑为什么我需要在另一个函数中再次运行异步/等待
示例
async function fetchData() {
try {
const result = await axios.get('http://example.com')
return result
} catch(err) {
return err
}
}
// and in another function I need to async await again
// if I want to get the value of f
浏览 1提问于2019-07-12得票数 1
回答已采纳
3回答
承诺会提前退出执行而不等待吗？
javascript、async-await
下面是如何使用await：
关键字等待使JavaScript等待，直到该承诺确定并返回其结果。
如果应用程序不想在await设置并返回之前使用promise (比如更新非关键的后端数据库)，那么调用没有await的promise可以吗？在承诺完全完成之前，没有promise的await会过早退出吗？
浏览 1提问于2021-01-20得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
