JS Promise 使用详细介绍

简介: JS Promise 使用详细介绍
  • Promise 简介,自己看一下吧,不想写了。
  • Promise 使用
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <script>
    // 创建 Promise
    const p = new Promise((resolve, reject) => {
      // 如果执行 resolve, 则会执行 p 对象的 then 方法
      setTimeout(() => {
        resolve('success')
      }, 1000)
      // 如果执行 reject, 则会执行 p 对象的 catch 方法
      setTimeout(() => {
        reject('fail')
      }, 1000)
      // 如果同时执行 resolve 与 reject 那么只会生效第一个执行的,后面在执行的不会再生效。
    })
    // 执行回调
    p.then((res) => {
      console.log(res) // 输出 'success'
    }).catch((err) => {
      console.log(err) // 输出 'fail'
    })
  </script>
</body>
</html>
相关文章
|
22小时前
|
Web App开发 前端开发 JavaScript
js之 Promise | 12-8
js之 Promise | 12-8
|
3天前
|
前端开发 JavaScript
ES6新标准下JS异步编程Promise解读
ES6新标准下JS异步编程Promise解读
13 3
|
4天前
|
前端开发 JavaScript
JavaScript Promise-2
JavaScript Promise-2
13 3
|
4天前
|
Web App开发 前端开发 JavaScript
JavaScript Promise-1
JavaScript Promise
11 3
|
16天前
|
JavaScript 前端开发
JS中Promise的类式实现写法
JS中Promise的类式实现写法
|
1月前
|
前端开发 JavaScript API
JavaScript 中的 Promise
Promise 是 JavaScript 中用于处理异步操作的一种模式,它提供了一种比传统的回调函数更清晰、更易于管理和控制的方式来处理异步流程。
|
1月前
|
设计模式 前端开发 JavaScript
javascript 异常问题之Promise的未处理异常如何捕获
javascript 异常问题之Promise的未处理异常如何捕获
|
1月前
|
监控 前端开发 JavaScript
javascript 异常问题之在JavaScript中,Promise的异常如何处理
javascript 异常问题之在JavaScript中,Promise的异常如何处理
|
1月前
|
前端开发 JavaScript
javascript 异常问题之Promise异常如何捕获
javascript 异常问题之Promise异常如何捕获
|
1月前
|
前端开发 JavaScript
JavaScript异步编程4——Promise错误处理
JavaScript异步编程4——Promise错误处理
39 0