JS ES6中export和import详解

最新推荐文章于 2023-02-11 14:58:11 发布

日G一卒

最新推荐文章于 2023-02-11 14:58:11 发布

阅读量277

点赞数

分类专栏： vue前端

本文链接：https://blog.csdn.net/likunpeng6656201/article/details/102578473

版权

本文详细解析了JS ES6中的export和import命令，包括如何导出变量、函数、类，export default的使用，import命令的静态执行特性，以及module的整体加载。还介绍了import()函数的动态加载场景。

摘要由CSDN通过智能技术生成

模块是独立的文件，该文件内部的所有的变量外部都无法获取。如果希望获取某个变量，必须通过export输出，

// profile.js
export var firstName = 'Michael';
export var lastName = 'Jackson';
export var year = 1958;

或者用更好的方式：用大括号指定要输出的一组变量

// profile.js
var firstName = 'Michael';
var lastName = 'Jackson';
var year = 1958;

export {
   firstName, lastName, year};

除了输出变量，还可以输出函数或者类（class），

export function multiply(x, y) {
   
  return x * y;
};

还可以批量输出，同样是要包含在大括号里，也可以用as重命名：

function v1() {
    ... }
function v2() {
    ... }

export {
   
  v1 as streamV1,
  v2 as streamV2,
  v2 as streamLatestVersion
};

JS ES6中export和import详解

模块是独立的文件，该文件内部的所有的变量外部都无法获取。如果希望获取某个变量，必须通过export输出，

// profile.js
export var firstName = 'Michael';
export var lastName = 'Jackson';
export var year = 1958;

或者用更好的方式：用大括号指定要输出的一组变量

// profile.js
var firstName = 'Michael';
var lastName = 'Jackson';
var year = 1958;

export {
   firstName, lastName

关注