Mastering JavaScript Promises

はじめに

この実験では、JavaScript における Promise の概念を探り、isPromiseLike 関数を使ってオブジェクトが Promise のようなものかどうかを識別する方法を学びます。実際の例を通じて、Promise がどのように機能するか、および非同期プログラミングにおいてどのように活用するかを理解します。この実験が終わるとき、あなたは Promise とそれをコード内で識別する方法について十分な理解を得ているでしょう。

Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("JavaScript")) -.-> javascript/BasicConceptsGroup(["Basic Concepts"]) javascript(("JavaScript")) -.-> javascript/AdvancedConceptsGroup(["Advanced Concepts"]) javascript/BasicConceptsGroup -.-> javascript/variables("Variables") javascript/BasicConceptsGroup -.-> javascript/data_types("Data Types") javascript/BasicConceptsGroup -.-> javascript/arith_ops("Arithmetic Operators") javascript/BasicConceptsGroup -.-> javascript/comp_ops("Comparison Operators") javascript/BasicConceptsGroup -.-> javascript/functions("Functions") javascript/BasicConceptsGroup -.-> javascript/obj_manip("Object Manipulation") javascript/AdvancedConceptsGroup -.-> javascript/closures("Closures") subgraph Lab Skills javascript/variables -.-> lab-28439{{"Value Is Promise-Like"}} javascript/data_types -.-> lab-28439{{"Value Is Promise-Like"}} javascript/arith_ops -.-> lab-28439{{"Value Is Promise-Like"}} javascript/comp_ops -.-> lab-28439{{"Value Is Promise-Like"}} javascript/functions -.-> lab-28439{{"Value Is Promise-Like"}} javascript/obj_manip -.-> lab-28439{{"Value Is Promise-Like"}} javascript/closures -.-> lab-28439{{"Value Is Promise-Like"}} end

JavaScript Promises

オブジェクトが Promise に似ているかどうかを確認するには、isPromiseLike 関数を使用します。この関数は、オブジェクトが null でなく、オブジェクトまたは関数の型を持ち、.then プロパティも関数であるかどうかを確認します。

以下が isPromiseLike のコードです。

const isPromiseLike = (obj) =>
  obj !== null &&
  (typeof obj === "object" || typeof obj === "function") &&
  typeof obj.then === "function";

isPromiseLike を使用する方法のいくつかの例を以下に示します。

isPromiseLike({
  then: function () {
    return "";
  }
}); // true

isPromiseLike(null); // false

isPromiseLike({}); // false

JavaScript でコーディングを練習するには、ターミナル/SSH を開き、node と入力します。

まとめ

おめでとうございます！あなたは Value Is Promise-Like の実験を完了しました。あなたのスキルを向上させるために、LabEx でさらに多くの実験を練習することができます。