mirror of
https://github.com/ruanyf/es6tutorial.git
synced 2025-05-24 18:32:22 +00:00
docs(module): edit module
This commit is contained in:
parent
50e2648405
commit
166d092f23
@ -262,30 +262,6 @@ import { foo, bar } from 'my_module';
|
||||
|
||||
上面代码中,虽然`foo`和`bar`在两个语句中加载,但是它们对应的是同一个`my_module`实例。也就是说,`import`语句是 Singleton 模式。
|
||||
|
||||
## export 与 import 复合的写法
|
||||
|
||||
如果在一个模块之中,先输入后输出同一个模块,`import`语句可以与`export`语句写在一起。
|
||||
|
||||
```javascript
|
||||
export { es6 as default } from './someModule';
|
||||
|
||||
// 等同于
|
||||
import { es6 } from './someModule';
|
||||
export default es6;
|
||||
```
|
||||
|
||||
上面代码中,`export`和`import`语句可以结合在一起,写成一行。但是从可读性考虑,不建议采用这种写法,而应该采用标准写法。
|
||||
|
||||
另外,ES7有一个[提案](https://github.com/leebyron/ecmascript-more-export-from),简化先输入后输出的写法,拿掉输出时的大括号。
|
||||
|
||||
```javascript
|
||||
// 现行的写法
|
||||
export {v} from 'mod';
|
||||
|
||||
// 提案的写法
|
||||
export v from 'mod';
|
||||
```
|
||||
|
||||
## 模块的整体加载
|
||||
|
||||
除了指定加载某个输出值,还可以使用整体加载,即用星号(`*`)指定一个对象,所有输出值都加载在这个对象上面。
|
||||
@ -452,6 +428,30 @@ import MyClass from 'MyClass';
|
||||
let o = new MyClass();
|
||||
```
|
||||
|
||||
## export 与 import 的复合写法
|
||||
|
||||
如果在一个模块之中,先输入后输出同一个模块,`import`语句可以与`export`语句写在一起。
|
||||
|
||||
```javascript
|
||||
export { es6 as default } from './someModule';
|
||||
|
||||
// 等同于
|
||||
import { es6 } from './someModule';
|
||||
export default es6;
|
||||
```
|
||||
|
||||
上面代码中,`export`和`import`语句可以结合在一起,写成一行。但是从可读性考虑,不建议采用这种写法,而应该采用标准写法。
|
||||
|
||||
另外,ES7有一个[提案](https://github.com/leebyron/ecmascript-more-export-from),简化先输入后输出的写法,拿掉输出时的大括号。
|
||||
|
||||
```javascript
|
||||
// 现行的写法
|
||||
export {v} from 'mod';
|
||||
|
||||
// 提案的写法
|
||||
export v from 'mod';
|
||||
```
|
||||
|
||||
## 模块的继承
|
||||
|
||||
模块之间也可以继承。
|
||||
|
Loading…
x
Reference in New Issue
Block a user