---
title: Proxy.revocable()
slug: Web/JavaScript/Reference/Global_Objects/Proxy/revocable
tags:
  - ECMAScript 2015
  - JavaScript
  - Method
  - Proxy
translation_of: Web/JavaScript/Reference/Global_Objects/Proxy/revocable
---
<div>{{JSRef}}</div>

<p><code><strong>Proxy.revocable()</strong></code> メソッドは、取り消し可能な {{jsxref("Proxy")}} オブジェクトを作成できます。</p>

<h2 id="Syntax" name="Syntax">構文</h2>

<pre class="syntaxbox">Proxy.revocable(<var>target</var>, <var>handler</var>);
</pre>

<h3 id="Parameters" name="Parameters">引数</h3>

<div>
<dl>
 <dt><code><var>target</var></code></dt>
 <dd><code>Proxy</code> でラップする対象のオブジェクトです。これは一連のオブジェクト、例えばネイティブの配列、関数、他の. Proxy などを取ることもできます。</dd>
 <dt><code><var>handler</var></code></dt>
 <dd>オブジェクトで、プロパティが操作が実行されたときのプロキシ <code><var>p</var></code> の動作を定義する関数であるものです。</dd>
</dl>
</div>

<h3 id="Return_value" name="Return_value">返値</h3>

<p>新しく作成された取り消し可能な <code>Proxy</code> オブジェクト。</p>

<h2 id="Description" name="Description">解説</h2>

<p>取り消し可能な <code>Proxy</code> は次の２つのプロパティ <code>{proxy: proxy, revoke: revoke}</code> を持ったオブジェクトです。</p>

<dl>
 <dt><code>proxy</code></dt>
 <dd><code>new Proxy(target, handler)</code> 呼び出しで生成したプロキシオブジェクトです。</dd>
 <dt><code>revoke</code></dt>
 <dd><code>proxy</code> を無効にするための引数を持たない関数です。</dd>
</dl>

<p><code>revoke()</code> 関数を呼ぶと、プロキシオブジェクトは使用できなくなり、ハンドラーへのどんなトラップも {{jsxref("TypeError")}} をスローします。プロキシが取り消されると、取り消されたままになり、ガベージコレクションの対象となります。再度 <code>revoke()</code> が呼ばれても影響はありません。</p>

<h2 id="Examples" name="Examples">例</h2>

<pre class="brush: js">var revocable = Proxy.revocable({}, {
  get: function(target, name) {
    return "[[" + name + "]]";
  }
});
var proxy = revocable.proxy;
console.log(proxy.foo); // "[[foo]]"

revocable.revoke();

console.log(proxy.foo); // TypeError is thrown
proxy.foo = 1           // TypeError again
delete proxy.foo;       // still TypeError
typeof proxy            // "object", typeof doesn't trigger any trap
</pre>

<h2 id="Specifications" name="Specifications">仕様書</h2>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">仕様書</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{SpecName('ESDraft', '#sec-proxy.revocable', 'Proxy Revocation Functions')}}</td>
  </tr>
 </tbody>
</table>

<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2>

<p>{{Compat("javascript.builtins.Proxy.revocable")}}</p>

<h2 id="See_also" name="See_also">関連情報</h2>

<ul>
 <li>{{jsxref("Proxy")}}</li>
</ul>