导航：首页 > 开发技术 >

ES6模块化export和import怎么导出

发表于：2025-01-19 作者：千家信息网编辑

千家信息网最后更新 2025年01月19日，这篇文章主要介绍"ES6模块化export和import怎么导出"，在日常操作中，相信很多人在ES6模块化export和import怎么导出问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法

千家信息网最后更新 2025年01月19日ES6模块化export和import怎么导出

这篇文章主要介绍"ES6模块化export和import怎么导出"，在日常操作中，相信很多人在ES6模块化export和import怎么导出问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答"ES6模块化export和import怎么导出"的疑惑有所帮助！接下来，请跟着小编一起来学习吧！

Promise

Promise/A+规范, 规定Promise对象是一个有限状态机。它有三个状态：

pending（执行中）

Resolved（已完成）

Rejected（已失败）

其中pending为初始状态，Resolved和rejected为结束状态（表示promise的生命周期已结束）。

使用两个then是异步编程串行化，避免了恐怖的回调：

var wait1000 = new Promise(function(resolve, reject) { setTimeout(resolve, 1000); }); wait1000 .then(function() { console.log("Hello"); // 1秒后输出"Hello" return wait1000; }) .then(function() { console.log("Fundebug"); // 2秒后输出"Fundebug" });

模块化export和import

ES6中使用export与import关键词实现模块化。

export用于对外输出本模块变量的接口（一般一个文件可以作为一个模块）； import则用于在一个模块中加载另一个含有export接口的模块。

导出模块文件app.js：

class Human{ constructor(name) { this.name = name; } sleep() { console.log(this.name + " is sleeping"); } } function walk() { console.log('i am walking'); } function play() { console.log('i am playing'); } export { Human, walk }

模块导出了两个对象：Human类和walk函数，能被其他文件使用。而play函数没有导出，为此模块私有，不能被其他文件使用。

然后再main.js导入app.js模块。

import { Human, walk } from 'app.js';

我们可以使用关键字default，可将对象标注为default对象导出。default关键字在每一个模块中只能使用一次。

... //类，函数等 export default App;

在main.js导入app.js模块

import App from 'app.js';