diff options
author | MDN <actions@users.noreply.github.com> | 2021-05-29 01:14:43 +0000 |
---|---|---|
committer | MDN <actions@users.noreply.github.com> | 2021-05-29 01:14:43 +0000 |
commit | d94b4f47476bbc901753f68d6dfe317e1c5c732e (patch) | |
tree | 590036437f5c828d71f35d6880228be2b4361b50 /files/ja/orphaned/web | |
parent | 05a7219ba9605649cb6daa281e26209eaa73adf0 (diff) | |
download | translated-content-d94b4f47476bbc901753f68d6dfe317e1c5c732e.tar.gz translated-content-d94b4f47476bbc901753f68d6dfe317e1c5c732e.tar.bz2 translated-content-d94b4f47476bbc901753f68d6dfe317e1c5c732e.zip |
[CRON] sync translated content
Diffstat (limited to 'files/ja/orphaned/web')
-rw-r--r-- | files/ja/orphaned/web/javascript/reference/operators/pipeline_operator/index.html | 88 |
1 files changed, 88 insertions, 0 deletions
diff --git a/files/ja/orphaned/web/javascript/reference/operators/pipeline_operator/index.html b/files/ja/orphaned/web/javascript/reference/operators/pipeline_operator/index.html new file mode 100644 index 0000000000..62a25f0673 --- /dev/null +++ b/files/ja/orphaned/web/javascript/reference/operators/pipeline_operator/index.html @@ -0,0 +1,88 @@ +--- +title: パイプライン演算子 (|>) +slug: orphaned/Web/JavaScript/Reference/Operators/Pipeline_operator +tags: + - Chaining + - Experimental + - JavaScript + - Language feature + - Operator + - Pipeline + - パイプライン + - 実験的 + - 演算子 + - 言語機能 + - 連結 +translation_of: Web/JavaScript/Reference/Operators/Pipeline_operator +original_slug: Web/JavaScript/Reference/Operators/Pipeline_operator +--- +<div>{{jsSidebar("Operators")}}</div> + +<p>実験的なパイプライン演算子 <code>|></code> (現在はステージ 1 です) は、式の値を関数に接続します。これによって、読みやすい方法で一連の関数呼び出しを作成することができます。結果的に、単一の引数を用いた関数呼び出しの糖衣構文となり、次のように書くことができます。</p> + +<pre class="brush: js notranslate">let url = "%21" |> decodeURI;</pre> + +<p>これと等価な従来の構文は次のようになります。</p> + +<pre class="brush: js notranslate">let url = decodeURI("%21"); +</pre> + +<h2 id="Syntax" name="Syntax">構文</h2> + +<pre class="syntaxbox notranslate"><var>expression</var> |> <var>function</var> +</pre> + +<p>指定された <code><var>expression</var></code> の値が <code><var>function</var></code> に、単一の引数として渡されます。</p> + +<h3 id="Parameters" name="Parameters">引数</h3> + +<dl> + <dt><code><var>expression</var></code></dt> + <dd>任意の式です。</dd> + <dt><code><var>function</var></code></dt> + <dd>任意の関数です。</dd> +</dl> + +<h2 id="Examples" name="Examples">例</h2> + +<h3 id="Chaining_function_calls" name="Chaining_function_calls">関数呼び出しの連結</h3> + +<p>パイプライン演算子は、複数の関数の連結を読みやすくすることができます。</p> + +<pre class="brush: js notranslate">const double = (n) => n * 2; +const increment = (n) => n + 1; + +// パイプライン演算子なし +double(increment(double(double(5)))); // 42 + +// パイプライン演算子あり +5 |> double |> double |> increment |> double; // 42 +</pre> + +<h2 id="Specifications" name="Specifications">仕様</h2> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">仕様書</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('Pipeline operator', '#sec-intro', 'Pipeline operator')}}</td> + </tr> + </tbody> +</table> + +<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザー実装状況</h2> + + + +<p>{{Compat("javascript.operators.pipeline")}}</p> + +<h2 id="See_also" name="See_also">関連情報</h2> + +<ul> + <li><a href="https://github.com/tc39/proposal-pipeline-operator">Github - Proposal-pipeline-operator</a></li> + <li><a href="https://github.com/tc39/proposals">TC39 proposals</a></li> +</ul> |