ES6 promise

最新推荐文章于 2024-10-29 20:22:44 发布

炉火纯青-旺

最新推荐文章于 2024-10-29 20:22:44 发布

阅读量89

点赞数

CC 4.0 BY-SA版权

分类专栏： ES6 文章标签： ES6

本文链接：https://blog.youkuaiyun.com/qq_34870529/article/details/89362766

ES6 专栏收录该内容

31 篇文章

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>ES6 Promise</title>
</head>
<body>
  <script>
    const posts = [
      {title:"Post one", body:"this is post one"},
      {title:"Post two", body:"this is post two"}
    ];

    function getPosts () {
      setTimeout(() => {
        let output = '';
        posts.forEach((post,index) =>{
          output +=  `<li>${post.title}</li>`;
        });
        document.body.innerHTML = output;
      },1000)
    }

    // getPosts();

    function createPost (post) {
      // 实例化promise对象
      return new Promise((resolve,reject) => {
        setTimeout(() => {
          posts.push(post);
          const err = true;
          if(!err) {
            resolve();     // 代码执行成功的话执行resolve()方法，同时执行下边的.then()方法
          }else{
            reject("Error:something went wrong!");   // 代码执行失败的话执行reject方法，同时执行下边的.catch()方法
          }
        },2000);
      });
    }
    createPost({title:"Post three",body:"this id post three"})
      .then(getPosts)
      .catch(err => console.log(err))
  </script>
</body>
</html>