study/uTools-Manuals
1
0
Fork 0
mirror of https://github.com/fofolee/uTools-Manuals.git synced 2025-12-17 00:04:34 +08:00
Code Issues Packages Projects Releases Wiki Activity

语法高亮，滚动条美化，设置页面调整

Browse Source
This commit is contained in:
fofolee
2019-04-19 02:41:09 +08:00
parent 1e8f76c000
commit 359d29ee0b
1590 changed files with 12328 additions and 11441 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
docs/javascript/Reference/Operators/管道操作符.html
View File

@@ -3,16 +3,16 @@
<p><span title="这是一个实验性的 API，请尽量不要在生产环境中使用它。"><i class="icon-beaker"> </i></span> <strong>这是一个实验中的功能</strong><br/>此功能某些浏览器尚在开发中，请参考<a href="#Browser_compatibility">浏览器兼容性表格</a>以得到在不同浏览器中适合使用的前缀。由于该功能对应的标准文档可能被重新修订，所以在未来版本的浏览器中该功能的语法和行为可能随之改变。</p>
</div></div>
<p>试验性的管道操作符 <code>|&gt;</code> （目前其标准化流程处于 stage 1 阶段）允许以一种易读的方式去对函数链式调用。本质上来说，管道操作符是单参数函数调用的语法糖，它允许你像这样执行一个调用：</p>
<pre class="brush: js">let url = "%21" |&gt; decodeURI;</pre>
<pre><code class="language-javascript">let url = "%21" |&gt; decodeURI;</code></pre>
<p>使用传统语法写的话，等效的代码是这样的：</p>
<pre class="brush: js">let url = decodeURI("%21");
</pre>
<pre><code class="language-javascript">let url = decodeURI("%21");
</code></pre>
<h2 id="语法">语法</h2>
<pre class="syntaxbox">expression |&gt; function</pre>
<pre><code class="language-javascript">expression |&gt; function</code></pre>
<h2 id="例子">例子</h2>
<h3 id="函数链式调用">函数链式调用</h3>
<p>当链式调用多个函数时，使用管道操作符可以改善代码的可读性。</p>
<pre class="brush: js">const double = (n) =&gt; n * 2;
<pre><code class="language-javascript">const double = (n) =&gt; n * 2;
const increment = (n) =&gt; n + 1;
// 没有用管道操作符
@@ -20,7 +20,7 @@ double(increment(double(5))); // 22
// 用上管道操作符之后
5 |&gt; double |&gt; increment |&gt; double; // 22
</pre>
</code></pre>
<h2 id="规范">规范</h2>
<table class="standard-table">
<thead>