mirror of
https://github.com/fofolee/uTools-Manuals.git
synced 2025-06-14 19:37:00 +08:00
49 lines
2.4 KiB
HTML
49 lines
2.4 KiB
HTML
<article id="wikiArticle">
|
||
<div></div>
|
||
<h2 id="错误提示">错误提示</h2>
|
||
<pre class="syntaxbox">Warning: expression closures are deprecated
|
||
</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 class="brush: js example-bad">var x = function() 1;
|
||
|
||
var obj = {
|
||
count: function() 1
|
||
};
|
||
</pre>
|
||
<h3 id="标准语法">标准语法</h3>
|
||
<p>将非标准化的表达式闭包语法转换成标准 ECMAScript 语法，可以添加花括号以及 return 语句。</p>
|
||
<pre class="brush: js example-good">var x = function() { return 1; }
|
||
|
||
var obj = {
|
||
count: function() { return 1; }
|
||
};
|
||
</pre>
|
||
<h3 id="标准语法之箭头函数">标准语法之箭头函数</h3>
|
||
<p>另外，你可以选择使用箭头函数：</p>
|
||
<pre class="brush: js example-good">var x = () => 1;</pre>
|
||
<h3 id="标准语法之方法的简略写法">标准语法之方法的简略写法</h3>
|
||
<p>表达式闭包还会出现在 getter 与 setter 中，例如：</p>
|
||
<pre class="brush: js example-bad">var obj = {
|
||
get x() 1,
|
||
set x(v) this.v = v
|
||
};
|
||
</pre>
|
||
<p>根据 ES2015 中对于<a href="/en-US/docs/Web/JavaScript/Reference/Functions/Method_definitions">方法定义</a>的规定，上述写法可以转换成如下形式：</p>
|
||
<pre class="brush: js example-good">var obj = {
|
||
get x() { return 1 },
|
||
set x(v) { this.v = v }
|
||
};
|
||
</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> |