首先创建新文件message.js并增加下列代码:export let message = 'ES6 Modules';
在es6中message.js是一个模块,包含message变量。export语句暴露message变量给其他模块。
其次,创建新的文件app.js使用message.js模块。app.js模块创建h1元素并添加至html页中。import语句从message.js模块中导入message变量。第三步,创建新的html页面文件使用app.js模块:要导出变量、函数或类,需要在其前面加export关键字。log.js模块中有一个变量、两个函数和一个类,我们使用export关键字导出模块中所有标识符。log.js模块中有一个变量、两个函数和一个类,我们使用export关键字导出模块中所有标识符。一旦在模块中使用export导出外部能访问的变量、函数或类,其他模块使用import关键字进行引入,当从模块中导入绑定时,绑定行为与const关键字定义类似。意味着不能其他标识符与之同名或修改绑定的值。当导入message变量和setMessage函数,可以使用setMessa函数去改变message的值: