美文网首页
手写Promise

手写Promise

作者: 鱼香肉丝没有渔 | 来源:发表于2020-11-09 10:30 被阅读0次

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <button id="btn">摇数字1-8</button>
    <div></div>
    <script>
     var b = document.getElementById("btn");
     var div = document.querySelector('div');
     b.onclick = function (){
        var p = new Promise(function(resolve,reject){
                setTimeout(()=>{
                    let n = parseInt(Math.random()* 7 + 1,10);
                    resolve(n)
                },1000);        
            }); 
        p.then((x) =>{
            div.innerText ='数字是' + x
        },(err)=>{
            console.log('失败'+ err)
        });
      }
    </script>
</body>
</html>
<script>
    function 摇(){
        return new Promise(function(resolve,reject){
                setTimeout(()=>{
                    let n = parseInt(Math.random()* 7 + 1,10);
                    resolve(n)
                },1000);        
            }); 
        }
        摇().then(
            x =>{
            console.log('数字是' + x);
        },()=>{
            console.log('失败')
        });
    </script>

Promise.all

  Promise.all([
    $.ajax({url:'data/arr.txt',dataType:'json'}),
    $.ajax({url:'data/json.txt',dataType:'json'}),
]).then((results)=>{
  let [arr,json] = results;
 alert('成功')
}),()=>alert('失败')




相关文章

  • 手写Promise

    手写 Promise 我们会通过手写一个符合 Promise/A+ 规范的 Promise 来深入理解它,并且手写...

  • 手写 Promise 系列 --- 3

    在前两篇(手写 Promise 系列 --- 1)和(手写 Promise 系列 ---2) 中,达成了3个目标 ...

  • 手写Promise

    $ 正常的promise用法   $ 手写的Promise   # 测试可行性

  • 手写promise

    手写promise 带大家手写一个 promis。在手写之前我会先简单介绍一下为什么要使用promise、prom...

  • 纯手写实现自己的nodejs promise 库

    纯手写实现自己的nodejs promise 库什么是Promise?promise 链Async/Await后续...

  • 手写基础 promise

    1. 前言 玩下吧 手写 promise,看看能写成啥样 2. promise 基础结构 3. 手写`promi...

  • 手写 Promise

    一、Promise 是一个异步操作返回的对象,用来传递异步操作的消息。 Promise 介绍和使用详见: 认识并使...

  • 手写Promise

  • 手写Promise

    Promise 是异步编程的一种解决方案,比传统的解决方案——回调函数和事件——更合理和更强大。 这篇博客有关于P...

  • 手写promise

    本章节纯粹是对promise手写实现。如果不了解promise自行了解再来学习本章知识。promise初体验首先,...

网友评论

      本文标题:手写Promise

      本文链接:https://www.haomeiwen.com/subject/buclbktx.html