ES6—49:模块化

简介: ES6—49:模块化

导入模块(分别暴露)

image.png

导入模块(选择暴露)

image.png

导入模块(默认暴露)

image.png

  • 这里为什么要加this,因为不加this访问的是全局作用域下的name2所以会报错,加了访问的是对象内部的name2所以不会报错。

解构赋值形式导入

image.png

通过入口文件引入

image.png

使用Babel对模块化代码进行转换


image.png

相关文章
|
2月前
|
JavaScript 前端开发 开发工具
ES6模块化
【10月更文挑战第11天】 ES6模块化是JavaScript中重要的代码组织方式,通过`import`和`export`实现模块间的功能导入与导出,具备独立作用域和静态特性,有效提升代码的可读性、可维护性和复用性,支持动态导入和循环依赖处理,是现代JS开发的关键技术。
|
2月前
|
JavaScript 前端开发
在实际开发中,如何选择使用 ES6 模块还是 CommonJS 模块?
【10月更文挑战第11天】 在选择 ES6 模块还是 CommonJS 模块时,需考虑项目需求、团队经验、运行环境、库兼容性、构建工具、代码可读性和性能等因素。ES6 模块适合大型项目,提供更好的模块管理和可读性;CommonJS 模块则适用于旧环境和特定库。
|
2月前
|
JavaScript 前端开发 Java
VUE学习四:前端模块化,ES6和ES5如何实现模块化
这篇文章介绍了前端模块化的概念,以及如何在ES6和ES5中实现模块化,包括ES6模块化的基本用法、默认导出与混合导出、重命名export和import,以及ES6之前如何通过函数闭包和CommonJS规范实现模块化。
107 0
VUE学习四:前端模块化,ES6和ES5如何实现模块化
|
4月前
|
JavaScript 前端开发 C++
CommonJS和ES6模块规范有何区别
【8月更文挑战第21天】
61 8
|
4月前
|
缓存 JavaScript 前端开发
|
7月前
|
前端开发 JavaScript
CommonJS 和 ES6 Module:一场模块规范的对决(下)
CommonJS 和 ES6 Module:一场模块规范的对决(下)
CommonJS 和 ES6 Module:一场模块规范的对决(下)
|
7月前
|
JavaScript 前端开发 开发者
CommonJS 和 ES6 Module:一场模块规范的对决(上)
CommonJS 和 ES6 Module:一场模块规范的对决(上)
|
7月前
|
JavaScript 前端开发
说说你对ES6模块化的理解?和commonJS的区别?
ES6模块化(也称为ES2015模块化)是ECMAScript 6中引入的一种模块化规范,用于在JavaScript中组织和管理代码。它提供了一种更优雅和强大的方式来定义、引入和导出模块。
92 0
|
编解码 JavaScript 前端开发
ES6 模块化编程 详解
ES6新特性 模块化编程详解。
122 0