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
|
---
title: Object.unobserve()
slug: Web/JavaScript/Reference/Global_Objects/Object/unobserve
translation_of: Archive/Web/JavaScript/Object.unobserve
---
<div>{{JSRef}} {{obsolete_header}}</div>
<p>Метод <strong><code>Object.unobserve()</code></strong> удаляет наблюдатель, который был добавлен с помощью {{jsxref("Object.observe()")}}. Вы можете использовать {{jsxref("Proxy")}} вместо данного метода.</p>
<h2 id="Синтаксис">Синтаксис</h2>
<pre class="syntaxbox">Object.unobserve(<var>obj</var>, <var>callback</var>)</pre>
<h3 id="Параметры">Параметры</h3>
<dl>
<dt><code>obj</code></dt>
<dd>Объект, за которым необходимо прекратить наблюдение.</dd>
<dt><code>callback</code></dt>
<dd>Ссылка на наблюдатель, который нужно остановить на <code>obj</code>.</dd>
</dl>
<h3 id="Возаращаемое_значение">Возаращаемое значение</h3>
<p>Указанный объект.</p>
<h2 id="Описание">Описание</h2>
<p><code>Object.unobserve()</code> вызывается после {{jsxref("Object.observe()")}}, чтобы удалить наблюдатель на объекте.</p>
<p>В <code>callback</code> нужно передавать ссылку на функцию, которая не является анонимной. Если вызвать <strong>Object.unobserve()</strong> с анонмной функцией в <code>callback</code>, то ни один наблюдатель не будет удалён.</p>
<h2 id="Примеры">Примеры</h2>
<h3 id="Удаление_наблюдателя_с_объекта">Удаление наблюдателя с объекта</h3>
<pre class="brush: js">var obj = {
foo: 0,
bar: 1
};
var observer = function(changes) {
console.log(changes);
}
Object.observe(obj, observer);
obj.newProperty = 2;
// [{name: 'newProperty', object: <obj>, type: 'add'}]
Object.unobserve(obj, observer);
obj.foo = 1;
// callback не был вызван</pre>
<h3 id="Вызов_с_анонимной_функцией">Вызов с анонимной функцией</h3>
<pre class="brush: js">var person = {
name: 'Ahmed',
age: 25
};
Object.observe(person, function(changes) {
console.log(changes);
});
person.age = 40;
// [{name: 'age', object: <obj>, oldValue: 25, type: 'update'}]
Object.unobserve(person, function(changes) {
console.log(changes);
});
person.age = 63;
// [{name: 'age', object: <obj>, oldValue: 40, type: 'update'}]
// callback был вызван
</pre>
<h2 id="Спецификации">Спецификации</h2>
<p><a href="https://github.com/arv/ecmascript-object-observe">Strawman proposal specification</a>.</p>
<h2 id="Browser_compatibility">Browser compatibility</h2>
<div>
<p>{{Compat("javascript.builtins.Object.unobserve")}}</p>
</div>
<h2 id="See_also">See also</h2>
<ul>
<li>{{jsxref("Object.observe()")}} {{obsolete_inline}}</li>
<li>{{jsxref("Array.observe()")}} {{obsolete_inline}}</li>
<li>{{jsxref("Array.unobserve()")}} {{obsolete_inline}}</li>
</ul>
|
