如何从 JavaScript 中 async() 函数返回的结果访问对象属性?

javascriptjavascript 2023-08-28 07:21:04 548
摘要: 在本文中,您将了解如何从JavaScript中async()函数返回的结果访问对象属性。JavaScript中的对象属性是与对象本身关联的变量,即属性具有名称,值是与该属性链接的属性之一。示例1在这个例子中,让我们了解如何使用...

如何从 JavaScript 中 async() 函数返回的结果访问对象属性?

在本文中,您将了解如何从 JavaScript 中 async() 函数返回的结果访问对象属性。 JavaScript 中的对象属性是与对象本身关联的变量,即属性具有名称,值是与该属性链接的属性之一。

示例 1

在这个例子中,让我们了解如何使用点表示法访问对象属性

console.log("A function is created that returns promise object")
const promiseFunction = (input) => {
   return new Promise((resolve, reject) => {
      return resolve({
         val: input
      })
   })
}

console.log("Calling the function using dot notation")

async function test() {
   const result = await promiseFunction("This is an asynchronous function response")
   console.log(result.val); 
}
test();

说明

  • 第 1 步 - 定义一个返回 Promise 的函数“promiseFunction”。

  • 第 2 步 - 定义一个异步函数“test”,使用点表示法访问对象的属性。

  • 第 3 步 - 显示结果。

示例 2

在此示例中,

console.log("A function is created that returns promise object")
const promiseFunction = (input) => {
   return new Promise((resolve, reject) => {
      return resolve({
         val: input
      })
   })
}

console.log("Calling the function using bracket notation")

async function test() {
   const result = await promiseFunction("This is an asynchronous function response")
   console.log(result["val"])
}
test();

说明

  • 第 1 步 - 定义一个返回 Promise 的函数“promiseFunction”。

  • 第 2 步 - 定义一个异步函数“test”,使用括号表示法访问对象的属性。

  • 第 3 步 - 显示结果。