JavaScript の安全な代入演算子: try/catch の代替演算子-jsチュートリアル-php.cn

ホームページ

ウェブフロントエンド

jsチュートリアル

JavaScript の安全な代入演算子: try/catch の代替演算子

Linda Hamilton

Oct 29, 2024 am 03:10 AM

注意

安全な代入演算子はまだ ECMAScript 標準に含まれていないため、ポリフィルでサポートする必要があることを指摘したいと思います。この記事では、ECMAScript 標準にある場合に安全な代入演算子を使用する方法を検討します。

私の記事が気に入ったら、コーヒーをおごってください :)
JavaScript Safe Assignment Operator : Alternative to try/catch

JavaScript で開発するとき、特に非同期関数や複雑な API を操作するとき、エラー処理に try/catch を使用します。 ECMAScript が新しいオペレーターを発表しました。 安全な代入演算子 (?=) は、エラー処理を簡素化し、特に非同期操作中の結果とエラーを処理するための統一された構造を提供します。

安全な代入演算子を使用すると、関数または操作が成功したかどうかがチェックされます。成功した場合は結果を返します。失敗した場合はエラーを返します。

次に、安全な代入演算子 (?=) の使用方法を見てみましょう。

次に、安全な代入演算子の API リクエストの 構文を作成しましょう。

async function fetchData() {
  const [error, response] ?= await fetch("https://jsonplaceholder.typicode.com/todos/1"); // safe assigment op.

  if (error) {
    console.error("Fetch error:", error);
    return;
  }

  const [jsonError, jsonData] ?= await response.json();

  if (jsonError) {
    console.error("JSON error:", jsonError);
    return;
  }

  return jsonData;
}

API リクエスト では、各ステップでオブジェクトが返されます。このオブジェクトには、リクエスト に関連する情報が保存されます。 オブジェクトの構造化 機能を使用して、このオブジェクト内のデータを取得できます。 ** 安全な代入演算子** (?=) を使用すると、API リクエスト でエラーが発生した場合、構造化メソッドでエラーオブジェクトを処理することで、エラーメッセージまたはエラーコードを安全に取得できます。 const [エラー, 応答]、エラーはエラーを返します。 レスポンスはデータを返します

オブジェクトと関数での使用法

?= 演算子は、Symbol.result メソッドを実装するオブジェクトまたは関数で使用できます。

オブジェクト:

const objSafe = {
  [Symbol.result]() {
    return [new Error("Object error"), null];
  }
};

const [error, result] ?= objSafe;
console.log(error)

機能:

function safeOperator(arr) {
  return 'data';
}

const [error, result] = safeOperator[Symbol.result](arr);

結論

この記事では、ECMAScript 標準 での 安全な代入演算子 の使用方法を検討しました。とても有能なオペレーターだと思います。これで使い方がわかりました。

以上がJavaScript の安全な代入演算子: try/catch の代替演算子の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undress AI Tool

脱衣画像を無料で

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Clothoff.io

AI衣類リムーバー

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

神レベルのコード編集ソフト（SublimeText3）

ホットトピック

PHP チュートリアル

1545

276

Related knowledge

高度なJavaScriptスコープとコンテキスト Jul 24, 2025 am 12:42 AM

JavaScriptの範囲は、グローバル、機能、およびブロックレベルの範囲に分割される変数のアクセシビリティ範囲を決定します。コンテキストは、この方向を決定し、関数呼び出し方式に依存します。 1.スコープには、グローバルスコープ（どこでもアクセス可能）、関数スコープ（関数内でのみ有効）、およびブロックレベルのスコープ（letとconstは{}内で有効です）が含まれます。 2。実行コンテキストには、変数オブジェクト、スコープチェーン、およびこの値が含まれます。これは、通常の関数におけるグローバルまたは未定義を指します。メソッドコールはコールオブジェクトを指し、コンストラクターは新しいオブジェクトをポイントし、call/apply/bindで明示的に指定することもできます。 3。閉鎖とは、外部スコープ変数へのアクセスと記憶の関数を指します。それらはしばしばカプセル化とキャッシュに使用されますが、引き起こす可能性があります

Vue 3 CompositionAPI vs. OptionsAPI：詳細な比較 Jul 25, 2025 am 03:46 AM

VUE3のCompositapiは、複雑なロジックとタイプの導出により適しており、OptionsAPIはシンプルなシナリオや初心者に適しています。 1。OptionsAPIは、データやメソッドなどのオプションに従ってコードを整理し、明確な構造を持っていますが、複雑なコンポーネントは断片化されています。 2。CompusitionAPIは、セットアップを使用して関連ロジックを集中させます。これは、メンテナンスと再利用を助長します。 3。CompusitionAPIは、混合性機能を介して競合のないパラメーター化可能な論理再利用を実現します。これは、混合物よりも優れています。 4。CoputionAPIは、TypeScriptとより正確なタイプの派生をより適切にサポートしています。 5。2つのパフォーマンスとパッケージングのボリュームに大きな違いはありません。 6。

JavaScriptの並行性パターンのマスター：Webワーカーvs. Javaスレッド Jul 25, 2025 am 04:31 AM

JavaScriptのWebworkersとJavathreadsの同時処理には本質的な違いがあります。 1。JavaScriptは、単一スレッドモデルを採用しています。 Webworkersは、ブラウザによって提供される独立したスレッドです。これは、UIをブロックしないがDOMを操作できない時間のかかるタスクを実行するのに適しています。 2。Javaは、複雑な同時ロジックとサーバー側の処理に適した、スレッドクラスを通じて作成された言語レベルからの実際のマルチスレッドをサポートしています。 3。ウェブワーカーは、PostMessage（）を使用してメインスレッドと通信します。これは非常に安全で孤立しています。 Javaスレッドはメモリを共有できるため、同期の問題に注意する必要があります。 4。ウェブワーカーは、画像処理などのフロントエンドの並列コンピューティングにより適しています。

node.jsを使用してCLIツールを構築します Jul 24, 2025 am 03:39 AM

プロジェクトを初期化し、package.jsonを作成します。 2。シバンを使用してエントリスクリプトindex.jsを作成します。 3。Package.jsonのBin Fieldsを介してコマンドを登録します。 4. Yargsおよびその他のライブラリを使用して、コマンドラインパラメーターを解析します。 5。NPMLINKローカルテストを使用します。 6.エクスペリエンスを強化するためのヘルプ、バージョン、オプションを追加します。 7.オプションでnpmpublishを介して公開します。 8.オプションでYargsを使用して自動完成を達成します。最後に、合理的な構造とユーザーエクスペリエンスの設計を通じて実用的なCLIツールを作成し、自動化タスクを完了し、ウィジェットを配布し、完全な文で終了します。

JSで要素を作成して追加する方法は？ Jul 25, 2025 am 03:56 AM

document.createelement（）を使用して、新しい要素を作成します。 2。TextContent、クラスリスト、SetAttribute、およびその他の方法を使用して要素をカスタマイズします。 3。AppendChild（）またはより柔軟なappend（）メソッドを使用して、DOMに要素を追加します。 4.オプションで、挿入位置を制御するために、insertbefore（）、およびその他のメソッドを使用します。完全なプロセスは、→カスタマイズ→追加を作成することであり、ページコンテンツを動的に更新できます。

TypeScriptの高度な条件付きタイプ Aug 04, 2025 am 06:32 AM

TypeScriptの高度な条件タイプは、TextEndsu？X：Y Syntaxを介してタイプ間の論理的判断を実装します。そのコア機能は、分散条件タイプ、推測タイプの推論、および複雑なタイプのツールの構築に反映されます。 1.条件付きタイプは、裸の型パラメーターに分散され、string [] | number []を取得するためにtoArrayなどのジョイントタイプを自動的に分割できます。 2.分布を使用してフィルタリングおよび抽出ツールを構築します。除外textendsuを除く除外：t、抽出抽出抽出extract textendsu？t：never、およびnullable filters null/undefined。 3

マイクロフロントエンドアーキテクチャ：実用的な実装ガイド Aug 02, 2025 am 08:01 AM

MicrofRontendsSolvessCallingChallengesimSimSimSimsByEnablingEndependDevelymentAndDeployment.1）chooseanintegrations trategy：usemodulefederationinwebpack5forruntimeloadingindingindrueindopendence、build-time-integrationforsimplestups、oriframes/webcomponents