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

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

View File

@@ -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。
// 示例:
// &lt;script type="module" src="./demo.js"&gt;&lt;/script&gt;
//
@@ -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>