React学习手册

JavaScript

新特性

｜

31

示例

2-7

：模块文件

./mt-freel.js

const freel = new Expedition("Mt. Freel", 2, ["water", "snack"])

export default

freel

当希望导出的数据只包含一种类型时，用户可以使用

export default

替换

export

。当

然，

export

和

export default

都适用于任意

JavaScript

数据类型：基元、对象、数组和

函数。

注

4

还可以使用

import

语句在其他

JavaScript

文件中调用模块。包含多个

exoprt

语句的模块

还可以进行对象解构。使用

epxort default

的模块还可以被导入到单个变量中：

import { print, log } from './text-helpers'

import freel from './mt-freel'

print('printing a message')

log('logging a message')

freel.print()

用户甚至可以通过别名实现模块变量的本地化：

import { print as p, log as l } from './text-helpers'

p('printing a message')

l('logging a message')

用户还可以通过星号

*

将所有信息导入单个变量中：

import * as fns from './text-helpers

目前并非所有主流的浏览器都为 ...