ES6模块化

ES6模块化定义:1.每个js文件都是一个独立的模块 2.导入模块成员使用import关键字
3.暴露模块成员使用export关键字

一、默认导出、导入

这种在导入的时候可以改变名字
比如import moduleAAA from “./moduleAAA”;,这里moduleAAA 可以改成任意名字
modelA.js

let a = 1;
let b = 3;
function showAB(a, b) {
  const c = a + b;
  console.log(c, "c================");
}
export default {
  a,
  b,
  showAB,

import引入

import moduleAAA from "./moduleAAA";
console.log(moduleAAA , "moduleAAA");

在这里插入图片描述

二、按需导出/按需导入

ES6模块化_第1张图片

你可能感兴趣的:(es6,javascript,前端)