Promise | 前端 | 课程笔记

本文为Promise视频课程笔记，仅作为自用备忘
课程链接

Ch1 Pormise的理解和使用

2.1 Promise是什么

2.1.1 理解

1. 抽象表达：

• Promise是一门新的技术（ES6规范）
• Promise是JS中进行异步编程的新解决方案
  备注：旧方案是单纯使用回调函数

2. 具体表达：

• 从语法上来说：Promise是一个构造函数
• 从功能上来说：Promise对象用来封装一个异步操作并可以获取其成功/失败的结果值

2.2 为什么要用Promise

2.2.1 指定回调函数的方式更加灵活

1. 旧的：必须在启动异步任务前指定
2. promise：启动异步任务 => 返回promise对象 => 给promise对象绑定回调函数（甚至可以在异步任务结束后指定多个）

2.2.2 支持链式调用

1. 什么是回调地狱？
   回调函数的层层嵌套
2. 回调地狱的缺点
   回调地狱会造成代码可复用性不强，可阅读性差，可维护性(迭代性差)，扩展性差等问题。
3. 回调地狱的解决方案
   回调地狱文章链接

Ch2 Promise实践练习

2.1 Promise初体验

案例：
点击按钮，1s后显示是否中奖（30%概率中奖）
若中奖，则弹出‘中奖+数字码’
若未中奖，则弹出‘未中奖+数字码’

//生成随机数
function rand(m,n){
   
  return Math.ceil(Math.random()*(n-m+1))+m-1;
}

const btn = document.querySelector('#btn')
btn.addEvenetListener('click', function(){
   
//resolve 解决 函数类型的数据
//reject 拒绝 函数类型的数据
  const p = new Promise((resolve,reject)=> {
   
    setTimeout(() => {
   
      //30% 1-100
      //获取从1-100的一个随机数
      let n = rand(1,100);
      //判断
      if(n <= 30){
   
        resolve(n);
       }else{
   
        reject(n);
       }
    },1000};
  });

  //调用 then方法
  p.then((value) => {
   
      alert('中奖'+value);
  },(reason) => {
   
      alert('未中奖'+reason);
  });
}

2.2 Promise练习-fs读取文件

回调函数形式

const fs = require('fs')
fs.readFile('./resource/content.txt',(err, data) => {
   
    //如果出错，则抛出错误
    if(err) throw err;
    //输出文件内容
    console.