uTools-Manuals/docs/javascript/Reference/Errors/Deprecated_expression_closures.html
2019-04-21 11:50:48 +08:00

49 lines
2.6 KiB
HTML
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<article id="wikiArticle">
<div></div>
<h2 id="错误提示">错误提示</h2>
<pre><code class="language-javascript">Warning: expression closures are deprecated
</code></pre>
<h2 id="错误类型">错误类型</h2>
<p>警告。JavaScript 引擎不会停止运行。</p>
<h2 id="哪里出错了?">哪里出错了?</h2>
<p>非标准化的<a href="/en-US/docs/Web/JavaScript/Reference/Operators/Expression_closures">表达式闭包</a>语法(简写函数语法)已被废弃,不应该再被使用。该语法将会在 <a class="external" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1083458" rel="noopener" title="FIXED: Remove SpiderMonkey support for expression closures (shorthand function syntax)">bug 1083458</a> 中全部移除,到时候用到该语法的脚本程序会报  SyntaxError 错误。</p>
<h2 id="示例">示例</h2>
<h3 id="被废弃的语法">被废弃的语法</h3>
<p>表达式闭包从函数声明或者对象方法定义中省略了花括号或是 return 语句。</p>
<pre><code class="language-js example-bad">var x = function() 1;
var obj = {
count: function() 1
};
</code></pre>
<h3 id="标准语法">标准语法</h3>
<p>将非标准化的表达式闭包语法转换成标准 ECMAScript 语法,可以添加花括号以及 return 语句。</p>
<pre><code class="language-js example-good">var x = function() { return 1; }
var obj = {
count: function() { return 1; }
};
</code></pre>
<h3 id="标准语法之箭头函数">标准语法之箭头函数</h3>
<p>另外,你可以选择使用箭头函数:</p>
<pre><code class="language-js example-good">var x = () =&gt; 1;</code></pre>
<h3 id="标准语法之方法的简略写法">标准语法之方法的简略写法</h3>
<p>表达式闭包还会出现在 getter 与 setter 中,例如:</p>
<pre><code class="language-js example-bad">var obj = {
get x() 1,
set x(v) this.v = v
};
</code></pre>
<p>根据 ES2015 中对于<a href="/en-US/docs/Web/JavaScript/Reference/Functions/Method_definitions">方法定义</a>的规定,上述写法可以转换成如下形式:</p>
<pre><code class="language-js example-good">var obj = {
get x() { return 1 },
set x(v) { this.v = v }
};
</code></pre>
<h2 id="相关内容">相关内容</h2>
<ul>
<li><a href="/en-US/docs/Web/JavaScript/Reference/Operators/Expression_closures">Expression closures</a></li>
<li><a href="/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions">Arrow functions</a></li>
<li><a href="/en-US/docs/Web/JavaScript/Reference/Functions/Method_definitions">Method definitions</a></li>
</ul>
</article>