ES6的import和export

最新推荐文章于 2025-06-26 14:51:21 发布

原创最新推荐文章于 2025-06-26 14:51:21 发布 · 155 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#java

前端专栏收录该内容

8 篇文章

订阅专栏

本文详细解析了JavaScript中模块的导入与导出机制，包括import与export的使用方法及特性，例如import提升、默认与命名导出的区别，并介绍了如何在实际项目中正确运用这些特性。

import:

import from 和 var 变量一样，也会存在提升，这意味着可以在 import 之前用 import 进来的东西

import './xxx.js'; // 只会执行import的js文件，但是不会引入任何值

import a, {b, c} from './xxx.js'; // 等价于 import {default as a, b, c} from './xxx.js';

import * as xxx from './xxx.js'; // 作为一个整体加载，结果为{default: xxx, b: xxx, c: xxx}

export

let a = 123;
function addA() {
    a++;
}

export default a;  // 等价于 export default 123，执行addA不会影响default

export {a as default}; // 想执行addA影响到default，只能用as把default作为a的别称

export {a, addA}； // 等价于 export let a = 123; export functin addA(){...}