LockManager: request() メソッド

name

要求するロックの識別子です。

options 省略可

生成するロックの性質を記述するオブジェクトです。以下の値が有効です。

mode 省略可

"exclusive" または "shared" です。デフォルト値は "exclusive" です。

ifAvailable 省略可

true に設定した場合、ロックが既に確保されていない場合のみロックを獲得できます。ロックを獲得できない場合は、コールバックには Lock のインスタンスではなく null が渡されます。デフォルト値は false です。

steal 省略可

true に設定した場合、同じ名前の既に確保されているロックはすべて解放され、待機中のすべての要求よりも優先してロックを獲得します。デフォルト値は false です。

警告: 使用には注意が必要です！ これまでロック内で実行されていたコードの実行は継続し、新しくロックを確保したコードと衝突する可能性があります。

signal 省略可

AbortSignal (AbortController の signal プロパティ) です。指定され、対応する AbortController が中断された場合、獲得できていないロックの要求は破棄されます。

callback

ロックを獲得したとき呼び出されるメソッドです。ロックはコールバックから返ったとき (または例外が投げられたとき) 自動的に解放されます。通常、コールバックは非同期関数で、この場合はロックは非同期の実行が完全に完了するまで解放されません。

ロックの解放後コールバックの結果で解決 (または拒否) し、要求が中断されると拒否される Promise を返します。

このメソッドは、以下のいずれかの種類の DOMException で拒否される Promise を返す可能性があります。

InvalidStateError DOMException

ドキュメントが完全にアクティブでない環境のとき。

SecurityError DOMException

現在の環境でロックマネージャーが取得できないとき。

NotSupportedError DOMException

name がハイフン (-) で始まるとき、steal と ifAvailable の両方が true に設定されているとき、signal が設定されておりかつ steal と ifAvailable の いずれか が true に設定されているとき。

AbortError DOMException

signal が設定されており、中断されたとき。

以下の例では、非同期関数をコールバックとして用いる request() メソッドの基本的な使用法を示します。コールバックが呼び出されると、それが帰るまでこのオリジンで実行中の他のコードは my_resource を確保できません。

await navigator.locks.request("my_resource", async (lock) => {
  // ロックを確保した
});

以下の例では、リーダーとライターがどのように mode を用いるかを示します。

両方の関数が my_resource というロックを用いることに注意してください。do_read() は 'shared' モードでロックを要求します。これは、異なるイベントハンドラー・タブ・ワーカーが同時に呼び出せるということです。

async function do_read() {
  await navigator.locks.request(
    "my_resource",
    { mode: "shared" },
    async (lock) => {
      // ここで読み込みを行う
    },
  );
}

do_write() 関数は、同じロックを 'exclusive' モードで用います。これは、書き込み操作が完了するまで do_read() 関数内の request() の呼び出しを遅らせます。これはイベントハンドラー・タブ・ワーカーにまたがって適用されます。

async function do_write() {
  await navigator.locks.request(
    "my_resource",
    { mode: "exclusive" },
    async (lock) => {
      // ここで書き込みを行う
    },
  );
}

既に確保されていないときのみロックを獲得するには、ifAvailable オプションを用います。この関数では、await によりメソッドをコールバックが完了するまで帰らないようにしています。ロックは利用可能なときのみ獲得できるので、この呼び出しはロックが他のどこかで解放されるのを待たずにすみます。

await navigator.locks.request(
  "my_resource",
  { ifAvailable: true },
  async (lock) => {
    if (!lock) {
      // ロックが獲得できなかったので、早期脱出する
      return;
    }

    // ロックが獲得できた。このオリジンで実行中の他のコードは
    // このコードが帰るまで 'my_res_lock' ロックを確保できない。
  },
);

短時間のみロックを待機するには、signal オプションを用います。

const controller = new AbortController();
// 200ms まで待つ
setTimeout(() => controller.abort(), 200);

try {
  await navigator.locks.request(
    "my_resource",
    { signal: controller.signal },
    async (lock) => {
      // ロックが獲得できた！
    },
  );
} catch (ex) {
  if (ex.name === "AbortError") {
    // ロックの獲得前に要求が中断された
  }
}