지역 사회 배우다 도구 라이브러리 여가
찾다
한국어
집 > 웹 프론트엔드 > JS 튜토리얼 > 본문

Nodejs의 Promise 객체에 대해 자세히 알아보세요.

青灯夜游
풀어 주다： 2021-03-30 18:44:34
앞으로
2104명이 탐색했습니다.

이 글에서는 Nodejs의 Promise 객체를 살펴보겠습니다. 도움이 필요한 친구들이 모두 참고할 수 있기를 바랍니다.

Nodejs의 Promise 객체에 대해 자세히 알아보세요.

관련 추천: "nodejs tutorial"

Promise object

1. Promise는 무엇에 사용되나요?

우리의 요구 사항은 비동기 코드를 한 번 실행하는 것입니다.

우리의 접근 방식은 비동기 요청이 성공한 후 콜백 함수에서 다음 비동기 요청을 실행하는 것입니다.

그러나 이로 인해 콜백 지옥이 발생합니다. 코드의 가독성이 낮고 유지 관리가 변경되지 않아 사람들이 겁을 먹습니다)

promise는 콜백 지옥을 해결하는 데 사용됩니다

콜백 지옥의 예:

// 需求：一次的读取a,b,c这三个文件
const fs = require("fs");

// 读a文件
fs.readFile(`${__dirname}/etc/a.txt`, "utf-8", (err, data) => {
  if (err) {
    console.log(err);
  } else {
    console.log(data);
    // 读b文件
    fs.readFile(`${__dirname}/etc/b.txt`, "utf-8", (err, data) => {
      if (err) {
        console.log(err);
      } else {
        console.log(data);
        // 读c文件
        fs.readFile(`${__dirname}/etc/c.txt`, "utf-8", (err, data) => {
          if (err) {
            console.log(err);
          } else {
            console.log(data);
          }
        });
      }
    });
  }
});
로그인 후 복사

2. Promise 워크플로

es6 구문, es6.ruanyifeng.com

Promise 객체는 Promise 인스턴스를 생성하는 데 사용되는 생성자입니다

Promise 생성자는 함수를 매개변수로 받아들입니다

이 함수는 매개변수로 두 개의 매개변수가 더 있습니다. 이 두 매개변수도 함수이지만 이 두 함수는 자바스크립트 엔진에서 제공하므로 직접 배포할 필요가 없습니다. 비동기 작업이 성공한 후, 내부적으로 then()의 첫 번째 매개변수 함수가 호출됩니다. then()의 첫 번째 매개변수 함수.

const fs = require("fs");
// 调用Promise构造函数，创建一个promise的实例
let p = new Promise((resolve, reject) => {
  // 写异步操作（读文件）
  fs.readFile(`${__dirname}/etc/a.txt`, "utf-8", (err, data) => {
    if (!err) {
      // 操作成功（读文件成功）
      resolve(data); // 调用resolve方法
      // 调用then()里面的第一个参数函数
    } else {
      reject(err); // 调用reject方法
      // 调用then()里面的第二个参数函数
    }
  });
});

p.then(
  (data) => {
    console.log(data);
  },
  (err) => {
    console.log(err);
  }
);
로그인 후 복사

3. Promise 원칙

Promise 객체는 비동기 작업을 나타냅니다.

세 가지 상태가 있습니다: 보류 중(진행 중) 이행(성공) 및 거부(실패)Promise 개체의 상태 변경에는 보류에서 이행으로, 보류에서 거부로 두 가지 가능성만 있습니다.

비동기 작업의 결과만이 현재 상태를 결정할 수 있으며 다른 작업은 이 상태를 변경할 수 없습니다.

비동기 작업이 성공하면(파일을 성공적으로 읽음) 보류 중(진행 중)에서 변경됩니다. )이 완료(성공)됩니다.

비동기 작업이 실패하면(파일 읽기 실패) 보류(진행 중)에서 거부(실패)로 변경됩니다.

상태가 결정되면 not 이 상태를 다시 변경해 보겠습니다

4. Promise 기능 및 캡슐화

Promise는 생성된 후 즉시 실행됩니다

Promise에 다른 코드를 작성하지 말고 다음과 같이 작성하세요. 비동기 작업 코드로 충분합니다

const fs = require("fs");
function getPromise(filename) {
  // 调用Promise构造函数，创建一个promise的实例
  return new Promise((resolve, reject) => {
    // 写异步操作（读文件）
    fs.readFile(`${__dirname}/etc/${filename}.txt`, "utf-8", (err, data) => {
      if (!err) {
        // 操作成功（读文件成功）
        resolve(data); // 调用resolve方法
        // 调用then()里面的第一个参数函数
      } else {
        reject(err); // 调用reject方法
        // 调用then()里面的第二个参数函数
      }
    });
  });
}

// console.log(getPromise("a"));
getPromise("a").then(
  (data) => {
    console.log(data);
  },
  (err) => {
    console.log(err);
  }
);
로그인 후 복사

5. Promise를 작성하는 올바른 방법

Promise가 콜백 지옥을 해결하는 방법

-》체인 프로그래밍이 해결합니다**Promise를 사용하여 해결하는 문제 : 비동기 작업 순서가 있고 콜백 지옥이 있을 수 없습니다**

비동기 작업 순서를 만드는 핵심은 다음과 같습니다.

비동기 작업은 실제로 순서가 없습니다.

이후 콜백 함수에서 또 다른 약속을 반환합니다. 비동기 작업이 성공하면 

const fs = require("fs");
function getPromise(filename) {
  // 调用Promise构造函数，创建一个promise的实例
  return new Promise((resolve, reject) => {
    // 写异步操作（读文件）
    fs.readFile(`${__dirname}/etc/${filename}.txt`, "utf-8", (err, data) => {
      if (!err) {
        // 操作成功（读文件成功）
        resolve(data); // 调用resolve方法
        // 调用then()里面的第一个参数函数
      } else {
        reject(err); // 调用reject方法
        // 调用then()里面的第二个参数函数
      }
    });
  });
}

// console.log(getPromise("a"));
getPromise("a")
  .then((data) => {
    console.log(data);
    //调用函数得到一个读b文件的promise对象并返回
    return getPromise("b");
  })
  .then((data) => {
    console.log(data);
    //调用函数得到一个读c文件的promise对象并返回
    return getPromise("c");
  })
  .then((data) => {
    console.log(data);
  });
로그인 후 복사

6. 다른 promise 메소드

catch()

가 잘못된 것을 잡을 수 있습니다 

    const fs = require("fs");
function getPromise(filename) {
  // 调用Promise构造函数，创建一个promise的实例
  return new Promise((resolve, reject) => {
    // 写异步操作（读文件）
    fs.readFile(`${__dirname}/etc/${filename}.txt`, "utf-8", (err, data) => {
      if (!err) {
        // 操作成功（读文件成功）
        resolve(data); // 调用resolve方法
        // 调用then()里面的第一个参数函数
      } else {
        reject(err); // 调用reject方法
        // 调用then()里面的第二个参数函数
      }
    });
  });
}

// console.log(getPromise("a"));
getPromise("a")
  .then((data) => {
    console.log(data);
    //调用函数得到一个读b文件的promise对象并返回
    return getPromise("b");
  })
  .then((data) => {
    console.log(data);
    //调用函数得到一个读c文件的promise对象并返回
    return getPromise("c");
  })
  .then((data) => {
    console.log(data);
  })
  .catch((err) => {
    console.log(err);
  });
    로그인 후 복사

  • 모두 ()

    const fs = require("fs");
function getPromise(filename) {
  // 调用Promise构造函数，创建一个promise的实例
  return new Promise((resolve, reject) => {
    // 写异步操作（读文件）
    fs.readFile(`${__dirname}/etc/${filename}.txt`, "utf-8", (err, data) => {
      if (!err) {
        // 操作成功（读文件成功）
        resolve(data); // 调用resolve方法
        // 调用then()里面的第一个参数函数
      } else {
        reject(err); // 调用reject方法
        // 调用then()里面的第二个参数函数
      }
    });
  });
}

let p1 = getPromise("a");
let p2 = getPromise("b");
let p3 = getPromise("c");

// Promise.all()方法用于将多个 Promise 实例，包装成一个新的 Promise 实例
let pAll = Promise.all([p1, p2, p3]);
// 一个都不能少，每一个promise都要读取成功才会成功，相当于是并且
pAll.then((data) => {
  console.log(data);
});
    로그인 후 복사

    race
    • const fs = require("fs");
function getPromise(filename) {
  // 调用Promise构造函数，创建一个promise的实例
  return new Promise((resolve, reject) => {
    // 写异步操作（读文件）
    fs.readFile(`${__dirname}/etc/${filename}.txt`, "utf-8", (err, data) => {
      if (!err) {
        // 操作成功（读文件成功）
        resolve(data); // 调用resolve方法
        // 调用then()里面的第一个参数函数
      } else {
        reject(err); // 调用reject方法
        // 调用then()里面的第二个参数函数
      }
    });
  });
}

let p1 = getPromise("a");
let p2 = getPromise("b");
let p3 = getPromise("c");

// Promise.race()方法同样是将多个 Promise 实例，包装成一个新的 Promise 实例
let pRace = Promise.race([p1, p2, p3]);
// 只要有一个promise执行成功，那这个pRace就成功，相当于是或者
pRace.then((data) => {
  console.log(data);
});
    로그인 후 복사

  • 더 많은 프로그래밍 관련 지식을 보려면 프로그래밍 비디오

    를 방문하세요! !

    • 위 내용은 Nodejs의 Promise 객체에 대해 자세히 알아보세요.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨：
nodejs 약속의 대상
원천：csdn.net
이전 기사：Javascript는 어떤 언어 유형에 속합니까? 다음 기사：Angular의 Observable(관찰 가능한 객체)에 대한 자세한 설명
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
NodeJS를 사용하여 Docker에서 MySQL에 연결할 때 오류가 발생합니다. MySQL에 연결된 NodeJS 백엔드 서버를 만들었습니다. Docker를 사용하여 다음 명령을 사용하여 nodeJS 및 package.json 파일(MySQL ...
에서 2024-04-06 12:07:19
0
1
415
React/Node: Trial_period_days를 사용하여 구독할 때 통합 오류가 발생했습니다. 7일 무료 평가판으로 설정하고 Firebase를 통해 사용자 정의 Nodejs 함수를 사용하여 고객에게 요금을 청구하려는 제품이 Stripe에 정의되어 있습니다....
에서 2024-04-04 20:30:57
0
1
320
다음은 Nodejs를 사용하는 미들웨어에서 제대로 작동하지 않습니다. 저는 Nodejs로 작업하고 expressjs를 사용하고 있으며 지금은 미들웨어 기능에 대해 작업 중입니다. 미들웨어 개념의 "다음" 작업이 무...
에서 2024-04-04 17:33:56
0
1
340
간단한 Hello world 프로그램은 여러 노드 인스턴스를 생성합니다. 저는 Javascript와 NodeJS를 처음 접했습니다. 다음과 같이 간단한 helloworld 프로그램을 실행하고 있습니다: 1constdurationInSe...
에서 2024-04-04 11:03:22
0
1
310
Node.js의 특정 경로에 SQL 쿼리가 표시되지 않습니다. 저는 javascript와 nodejs를 처음 접하는데 질문이 있습니다. 간단한 API를 작업하는 코드가 있는데 왜 이런 일이 발생하는지 이해하는 데 어려움을 겪...
에서 2024-04-04 00:24:22
0
1
344
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿