es6的导入导出-模块化

想使用es6的导入导出功能不需要配置nodejs环境和webpack环境,直接可以用

导入导出的功能是模块化,使你的js功能独立,这样有利于你的代码解耦,提高代码的复用性

1.新建js文件写入下列代码

// 使用es6箭头函数定义一个函数

letfn =a=>alert(a);

// 导出函数

export{fn};

2.新建HTML文件导入这个函数模块

Title

// 导入这个模块import{fn}from"./index1.js"// 调用这个模块fn(1);

ps:这里说明一下要想使用es6的导入导出模块,必须给导入的script标签设置type类型为module

3.执行HTML文件你会发现有一个弹框

执行之后会有弹框

4.如果你想在js中导入其他js也是可以的

// 在index2.js中导入index1.js的模块

import{fn}from'./index1.js';

functionf2(){

// 执行index1的模块fn(1);    alert(2);}export{ f2 };

5.外界使用

Title

import{f2}from"./index2.js"f2(1);

6.好了今天的es6语法的导入导出就到这里了