mirror of
https://github.com/fofolee/uTools-Manuals.git
synced 2026-02-27 09:32:01 +08:00
语法高亮,滚动条美化,设置页面调整
This commit is contained in:
@@ -4,7 +4,7 @@
|
||||
<p dir="ltr" id="tw-target-text">无论您是否声明严格模式,导出的模块都处于严格模式。 export语句不能在嵌入式脚本中使用。</p>
|
||||
<p> </p>
|
||||
<h2 id="语法">语法</h2>
|
||||
<pre class="brush: js">export { <var>name1</var>, <var>name2</var>, …, <var>nameN</var> };
|
||||
<pre><code class="language-javascript">export { <var>name1</var>, <var>name2</var>, …, <var>nameN</var> };
|
||||
export { <var>variable1</var> as <var>name1</var>, <var>variable2</var> as <var>name2</var>, …, <var>nameN</var> };
|
||||
export let <var>name1</var>, <var>name2</var>, …, <var>nameN</var>; // also var, const
|
||||
export let <var>name1</var> = …, <var>name2</var> = …, …, <var>nameN</var>; // also var, const
|
||||
@@ -19,7 +19,7 @@ export { <var>name1</var> as default, … };
|
||||
export * from …;
|
||||
export { <var>name1</var>, <var>name2</var>, …, <var>nameN</var> } from …;
|
||||
export { <var>import1</var> as <var>name1</var>, <var>import2</var> as <var>name2</var>, …, <var>nameN</var> } from …;
|
||||
export { default } from …;</pre>
|
||||
export { default } from …;</code></pre>
|
||||
<dl>
|
||||
<dt><code>nameN</code></dt>
|
||||
<dd>要导出的标识符(以便被其他脚本通过 <a href="Reference/Statements/import" title='import 语句用于导入由另一个模块导出的绑定。无论是否声明了 strict mode ,导入的模块都运行在严格模式下。在浏览器中,import 语句只能在声明了 type="module" 的 script 的标签中使用。'><code>import</code></a> 导入)</dd>
|
||||
@@ -28,36 +28,36 @@ export { default } from …;</pre>
|
||||
<p>有两种不同的导出方式,命名导出和默认导出。你能够在每一个模块中定义多个命名导出,但是只允许有一个默认导出。每种方式对应于上述的一种语法:</p>
|
||||
<ul>
|
||||
<li>命名导出:
|
||||
<pre class="brush: js">// exports a function declared earlier
|
||||
<pre><code class="language-javascript">// exports a function declared earlier
|
||||
export { myFunction };
|
||||
|
||||
// exports a constant
|
||||
export const foo = Math.sqrt(2);</pre>
|
||||
export const foo = Math.sqrt(2);</code></pre>
|
||||
</li>
|
||||
</ul>
|
||||
<ul>
|
||||
<li>默认导出(函数):
|
||||
<pre class="brush: js">export default function() {} </pre>
|
||||
<pre><code class="language-javascript">export default function() {} </code></pre>
|
||||
</li>
|
||||
<li>默认导出(类):
|
||||
<pre class="brush: js">export default class {} </pre>
|
||||
<pre><code class="language-javascript">export default class {} </code></pre>
|
||||
</li>
|
||||
</ul>
|
||||
<p>在导出多个值时,命名导出非常有用。在导入期间,必须使用相应对象的相同名称。但是,可以使用任何名称导入默认导出,例如:</p>
|
||||
<pre class="brush: js">let k; export default k = 12; // in file test.js
|
||||
<pre><code class="language-javascript">let k; export default k = 12; // in file test.js
|
||||
|
||||
import m from './test' // note that we have the freedom to use import m instead of import k, because k was default export
|
||||
|
||||
console.log(m); // will log 12
|
||||
</pre>
|
||||
</code></pre>
|
||||
<p> 下面的语法不能从导入的模块导出默认导出值:</p>
|
||||
<pre class="brush: js">export * from …;</pre>
|
||||
<pre><code class="language-javascript">export * from …;</code></pre>
|
||||
<p>如果需要导出默认值,请使用下列代码:</p>
|
||||
<pre class="brush: js">export {default} from 'mod';</pre>
|
||||
<pre><code class="language-javascript">export {default} from 'mod';</code></pre>
|
||||
<h2 id="示例">示例</h2>
|
||||
<h3 id="使用命名导出">使用命名导出</h3>
|
||||
<p>在模块中,我们可以使用以下代码:</p>
|
||||
<pre class="brush: js">// module "my-module.js"
|
||||
<pre><code class="language-javascript">// module "my-module.js"
|
||||
function cube(x) {
|
||||
return x * x * x;
|
||||
}
|
||||
@@ -72,9 +72,9 @@ var graph = {
|
||||
}
|
||||
}
|
||||
export { cube, foo, graph };
|
||||
</pre>
|
||||
</code></pre>
|
||||
<p>这样的话,在其它脚本中,我们可以这样使用它:</p>
|
||||
<pre class="brush: js">// 在html中应使用带有module类型的script。
|
||||
<pre><code class="language-javascript">// 在html中应使用带有module类型的script。
|
||||
// 示例:
|
||||
// <script type="module" src="./demo.js"></script>
|
||||
//
|
||||
@@ -89,24 +89,24 @@ graph.options = {
|
||||
};
|
||||
graph.draw();
|
||||
console.log(cube(3)); // 27
|
||||
console.log(foo); // 4.555806215962888</pre>
|
||||
console.log(foo); // 4.555806215962888</code></pre>
|
||||
<h3 id="使用默认导出">使用默认导出</h3>
|
||||
<p>如果我们要导出一个值或模块中的返回值,就可以使用默认导出:</p>
|
||||
<pre class="brush: js">// module "my-module.js"
|
||||
<pre><code class="language-javascript">// module "my-module.js"
|
||||
export default function cube(x) {
|
||||
return x * x * x;
|
||||
}
|
||||
</pre>
|
||||
</code></pre>
|
||||
<p>然后,在另一个脚本中,可以直接导入默认导出:</p>
|
||||
<pre class="brush: js line-numbers language-js">// module "my-module.js"
|
||||
<pre><code class="language-javascript">// module "my-module.js"
|
||||
import cube from 'my-module';
|
||||
console.log(cube(3)); // 27</pre>
|
||||
console.log(cube(3)); // 27</code></pre>
|
||||
<p>注意,不能使用 <code>var</code>、<code>let</code> 或 <code>const</code> 用于导出默认值 <code>export default</code>。</p>
|
||||
<h3 id="模块重定向">模块重定向</h3>
|
||||
<p>如果我们想要在当前模块中,导出指定导入模块的默认导出(等于是创建了一个“重定向”):</p>
|
||||
<pre class="brush: js">// module "redirect-module.js"
|
||||
<pre><code class="language-javascript">// module "redirect-module.js"
|
||||
export {default} from './other-module';
|
||||
export * from './other-module';</pre>
|
||||
export * from './other-module';</code></pre>
|
||||
<h2 id="规范">规范</h2>
|
||||
<table class="standard-table">
|
||||
<tbody>
|
||||
|
||||
Reference in New Issue
Block a user