1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
|
---
title: handler.apply()
slug: Web/JavaScript/Referencje/Obiekty/Proxy/handler/apply
tags:
- ECMAScript 2015
- JavaScript
- Metodă
- Proxy
translation_of: Web/JavaScript/Reference/Global_Objects/Proxy/Proxy/apply
---
<div>{{JSRef}}</div>
<p>Metoda <strong><code>handler.apply()</code></strong> jest pułapką na wywołanie funkcji.</p>
<div>{{EmbedInteractiveExample("pages/js/proxyhandler-apply.html", "taller")}}</div>
<h2 id="Składnia">Składnia</h2>
<pre class="brush: js">var p = new Proxy(target, {
apply: function(target, thisArg, argumentsList) {
}
});
</pre>
<h3 id="Parametry">Parametry</h3>
<p>Następujące parametry są przekazywane do metody <code>apply</code>. Wartością <code>this</code> jest handler.</p>
<dl>
<dt><code>target</code></dt>
<dd>Obiekt, na którym została wywołana metoda.</dd>
<dt><code>thisArg</code></dt>
<dd>Obiekt, który jest <code>this</code> w metodzie.</dd>
<dt><code>argumentsList</code></dt>
<dd>Lista argumentów, które zostały przekazane do metody.</dd>
</dl>
<h3 id="Zwracana_wartość">Zwracana wartość</h3>
<p>Metoda <code>apply</code> może zwrócić dowolną wartość.</p>
<h2 id="Opis">Opis</h2>
<p>Metoda <code><strong>handler.apply</strong></code> jest pułapką na wywołanie funkcji.</p>
<h3 id="Przechwycenia">Przechwycenia</h3>
<p>Ta pułapka może przechwycić poniższe operacje:</p>
<ul>
<li><code>proxy(...args)</code></li>
<li>{{jsxref("Function.prototype.apply()")}} i {{jsxref("Function.prototype.call()")}}</li>
<li>{{jsxref("Reflect.apply()")}}</li>
</ul>
<h3 id="Niezmienniki">Niezmienniki</h3>
<p>Jeśli poniższe zmiemienniki są naruszone, poxy rzuci wyjątek TypeError:</p>
<p><code>target</code> musi być obiektem, który da się wywołać. To znaczy, że musi być obiektem funkcyjnym.</p>
<h2 id="Przykłady">Przykłady</h2>
<p>Poniższy kod przechwytuje wywołanie funkcji.</p>
<pre class="brush: js">var p = new Proxy(function() {}, {
apply: function(target, thisArg, argumentsList) {
console.log('called: ' + argumentsList.join(', '));
return argumentsList[0] + argumentsList[1] + argumentsList[2];
}
});
console.log(p(1, 2, 3)); // "called: 1, 2, 3"
// 6
</pre>
<h2 id="Specyfikacje">Specyfikacje</h2>
<table class="standard-table">
<tbody>
<tr>
<th scope="col">Specification</th>
<th scope="col">Status</th>
<th scope="col">Comment</th>
</tr>
<tr>
<td>{{SpecName('ES2015', '#sec-proxy-object-internal-methods-and-internal-slots-call-thisargument-argumentslist', '[[Call]]')}}</td>
<td>{{Spec2('ES2015')}}</td>
<td>Początkowa definicja.</td>
</tr>
<tr>
<td>{{SpecName('ESDraft', '#sec-proxy-object-internal-methods-and-internal-slots-call-thisargument-argumentslist', '[[Call]]')}}</td>
<td>{{Spec2('ESDraft')}}</td>
<td> </td>
</tr>
</tbody>
</table>
<h2 id="Kompatybilność_przeglądarek">Kompatybilność przeglądarek</h2>
<div>
<p>{{Compat("javascript.builtins.Proxy.handler.apply")}}</p>
</div>
<h2 id="Zobacz_również">Zobacz również</h2>
<ul>
<li>{{jsxref("Proxy")}}</li>
<li>{{jsxref("Proxy.handler", "handler")}}</li>
<li>{{jsxref("Function.prototype.apply")}}</li>
<li>{{jsxref("Function.prototype.call")}}</li>
<li>{{jsxref("Reflect.apply()")}}</li>
</ul>
|
