From a065e04d529da1d847b5062a12c46d916408bf32 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 21:46:22 -0500 Subject: update based on https://github.com/mdn/yari/issues/2028 --- .../global_objects/array/observe/index.html | 91 ---------------------- .../global_objects/array/unobserve/index.html | 88 --------------------- 2 files changed, 179 deletions(-) delete mode 100644 files/de/web/javascript/reference/global_objects/array/observe/index.html delete mode 100644 files/de/web/javascript/reference/global_objects/array/unobserve/index.html (limited to 'files/de/web/javascript/reference/global_objects/array') diff --git a/files/de/web/javascript/reference/global_objects/array/observe/index.html b/files/de/web/javascript/reference/global_objects/array/observe/index.html deleted file mode 100644 index 2926d777fc..0000000000 --- a/files/de/web/javascript/reference/global_objects/array/observe/index.html +++ /dev/null @@ -1,91 +0,0 @@ ---- -title: Array.observe() -slug: Web/JavaScript/Reference/Global_Objects/Array/observe -tags: - - Array - - JavaScript - - Method - - Obsolete -translation_of: Archive/Web/JavaScript/Array.observe ---- -
{{JSRef}} {{obsolete_header}}
- -

Die Array.observe() Methode wurde für das asynchrone Beobachten von Veränderungen von Arrays benutzt, ähnlich wie {{jsxref("Object.observe()")}} für Objekte. Sie stellt einen Stream von Änderungen in der Reihenfolge, in denen sie auftreten, zur Verfügung.
- Equivalent zu  Object.observe() und wird ausgeführt mit der Liste ["add", "update", "delete", "splice"]. Diese Funktion wurde als deprecated markiert und bereits aus einigen Browsern entfernt. Man kann stattdessen das allgemeinere {{jsxref("Proxy")}} Objekt verwenden.

- -

Syntax

- -
Array.observe(arr, callback)
- -

Parameter

- -
-
arr
-
    Das Array, welches beobachtet wird.
-
callback
-
Die Funktion, welche bei jeder Änderung mit folgenden Argumenten aufgerufen wird: -
-
changes
-
Ein Array aus Objekten. Jedes repräsentiert eine Änderung. Die Eigenschaften dieser change Objekte sind: -
    -
  • name: Der Name der Eigenschaft, welche geändert wurde.
    • -
  • object: Das veränderte Array, nachdem die Änderung stattfand.
    • -
  • type: Ein String, welcher den Typ der Änderung darstellt. Er hat den Wert "add", "update", "delete", oder "splice".
    • -
  • oldValue: Nur für "update" und "delete" Typ. Der Wert vor der Änderung.
    • -
  • index: Nur für "splice" Typ. Der Index, an welchem die Änderung stattfand.
    • -
  • removed: Nur für "splice" Typ. Ein Array aus den gelöschten Elementen.
    • -
  • addedCount: Nur für "splice" Typ. Die Anzahl an Elementen, welche hinzugefügt wurden.
    • -
-
-
-
-
- -

Beschreibung

- -

Die callback Funktion wird jedes mal aufgerufen, wenn eine Änderung in arr stattfindet mit einem Array von allen Änderungen in der Reihenfolge in der sie auftreten

- -
-

Änderungen über die Array Methoden, wie zum Beispiel Array.prototype.pop(), werden als "splice" "changes" dargestellt.
- Index Änderungen, welche die Länge des Arrays nicht verändern, werden als "update" "changes" dargestellt.

-
- -

Beispiele

- -

Aufzeichnung verschiedener change Typen

- -
var arr = ['a', 'b', 'c'];
-
-Array.observe(arr, function(changes) {
-  console.log(changes);
-});
-
-arr[1] = 'B';
-// [{type: 'update', object: <arr>, name: '1', oldValue: 'b'}]
-
-arr[3] = 'd';
-// [{type: 'splice', object: <arr>, index: 3, removed: [], addedCount: 1}]
-
-arr.splice(1, 2, 'beta', 'gamma', 'delta');
-// [{type: 'splice', object: <arr>, index: 1, removed: ['B', 'c', 'd'], addedCount: 3}]
-
- -

Spezifikationen

- -

Strawman proposal specification.

- -

Browserkompatibilität

- -
- - -

{{Compat("javascript.builtins.Array.observe")}}

-
- -

See also

- - diff --git a/files/de/web/javascript/reference/global_objects/array/unobserve/index.html b/files/de/web/javascript/reference/global_objects/array/unobserve/index.html deleted file mode 100644 index fd31177c3a..0000000000 --- a/files/de/web/javascript/reference/global_objects/array/unobserve/index.html +++ /dev/null @@ -1,88 +0,0 @@ ---- -title: Array.unobserve() -slug: Web/JavaScript/Reference/Global_Objects/Array/unobserve -tags: - - Array - - JavaScript - - Method - - Obsolete -translation_of: Archive/Web/JavaScript/Array.unobserve ---- -
{{JSRef}} {{obsolete_header}}
- -

Die Array.unobserve() Methode wird eingesetzt um Observers die mit {{jsxref("Array.observe()")}} eingestellt wurden zu entfernen, jedoch ist dieses veraltet und wurde schon von Browsern entfernt. Man kann einen allgemeineres {{jsxref("Proxy")}} Objekt benutzen.

- -

Syntax

- -
Array.unobserve(arr, callback)
- -

Parameter

- -
-
arr
-
Das Array, welches nicht mehr Überwacht werden soll.
-
callback
-
Die Referenz zu dem Observer, die mit der Überwachung von Änderungen auf dem Array arr aufhören soll.
-
- -

Beschreibung

- -

Array.unobserve() sollt nach {{jsxref("Array.observe()")}} aufgerufen werden, um einen Observer von einem Array zu entfernen.

- -

callback sollte eine Referenz auf eine Funktion sein und nicht einen anonyme Funktion sein, weil diese Referenz genutzt wird um den Observer zu entfernen. Es ist nicht zulässig Array.unobserve() mit einer anonymen Funktion aufzurufen, weil dadurch kein Observer entfernt wird.

- -

Beispiele

- -

Observer von Array entfernen

- -
var arr = [1, 2, 3];
-
-var observer = function(changes) {
-  console.log(changes);
-}
-
-Array.observe(arr, observer);
-​
-arr.push(4);
-// [{type: "splice", object: <arr>, index: 3, removed:[], addedCount: 1}]
-
-Array.unobserve(arr, observer);
-
-arr.pop();
-// The callback wasn't called
- -

Einsatz einer anonymen Funktion

- -
var persons = ['Khalid', 'Ahmed', 'Mohammed'];
-
-Array.observe(persons, function (changes) {
-  console.log(changes);
-});
-
-persons.shift();
-// [{type: "splice", object: <arr>, index: 0, removed: [ "Khalid" ], addedCount: 0 }]
-
-Array.unobserve(persons, function (changes) {
-  console.log(changes);
-});
-
-persons.push('Abdullah');
-// [{type: "splice", object: <arr>, index: 2, removed: [], addedCount: 1 }]
-// The callback will always be called
-
- -

Browserkompatibilität

- -
- - -

{{Compat("javascript.builtins.Array.unobserve")}}

-
- -

Siehe auch

- - -- cgit v1.2.3-54-g00ecf