initial commit

1 files changed, 67 insertions, 0 deletions

diff --git a/files/de/web/javascript/reference/operators/pipeline_operator/index.html b/files/de/web/javascript/reference/operators/pipeline_operator/index.html
new file mode 100644
index 0000000000..653e1a859d
--- /dev/null
+++ b/files/de/web/javascript/reference/operators/pipeline_operator/index.html
@@ -0,0 +1,67 @@
+---
+title: Pipeline Operator
+slug: Web/JavaScript/Reference/Operators/Pipeline_operator
+tags:
+  - Experimental
+  - JavaScript
+  - Operator
+translation_of: Web/JavaScript/Reference/Operators/Pipeline_operator
+---
+<div>{{jsSidebar("Operators")}} {{SeeCompatTable}}</div>
+
+<p>Der experimentelle Pipline Operator <code>|&gt;</code> (aktuell in Stage 1) erlaubt es verkettete Funktionsaufrufe in einer Lesbaren form zu erstellen. Grundsätzlich ist der Pipline Operator syntaktischer Zucker für den Aufruf einer Funktion mit einem Argument. Er erlaubt es</p>
+
+<p><code>'%21' |&gt; decodeURI</code> statt <code>decodeURI('%21')</code> zu schreiben.</p>
+
+<h2 id="Syntax">Syntax</h2>
+
+<pre class="syntaxbox">expression |&gt; function</pre>
+
+<h2 id="Beispiele">Beispiele</h2>
+
+<h3 id="Verkettete_Funktionsaufrufe">Verkettete Funktionsaufrufe</h3>
+
+<p>Der Pipline Operator kann die Lesbarkeit von verketteten Funktionsaufrufen verbessern.</p>
+
+<pre class="brush: js">const double = (n) =&gt; n * 2;
+const increment = (n) =&gt; n + 1;
+
+// Ohne Pipeline Operator
+double(increment(double(double(5)))); // 42
+
+// mit Pipeline Operator
+5 |&gt; double |&gt; double |&gt; increment |&gt; double; // 42
+</pre>
+
+<h2 id="Spezifikationen">Spezifikationen</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Spezifikation</th>
+   <th scope="col">Status</th>
+   <th scope="col">Kommentar</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td><a href="http://tc39.github.io/proposal-pipeline-operator/">Pipeline operator draft</a></td>
+   <td>Stage 1</td>
+   <td>Kein Teil der ECMAScript Spezifikation.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browserkompatibilität">Browserkompatibilität</h2>
+
+<div>
+
+
+<p>{{Compat("javascript.operators.pipeline")}}</p>
+</div>
+
+<h2 id="Siehe_auch">Siehe auch</h2>
+
+<ul>
+ <li><a href="https://github.com/tc39/proposals">TC39 proposals</a></li>
+</ul>