我是靠谱客的博主 现代鸡，最近开发中收集的这篇文章主要介绍export default用法_彻底理解JavaScript ES6中的import和export，觉得挺不错的，现在分享给大家，希望可以做个参考。
概述
0、前言
前端工程，在最早的时候是没有模块的概念的。随着前端工程的发展，前端开发也越来越规范化，更像是软件工程了。那么随之而来的，为了解决工程化的问题，就引入了模块的概念。但是在早期，因为ecmascript原本是没有模块语法的，所以采用的都是社区的各种版本协议，其中影响最深的，就是nodejs使用的CommonJS规范 。
当模块化的概念越来越重要的时候，在es6中，引入了模块的语法：import ，下面我们简单了解一下，import是怎么使用的。一下内容，参考 官方文档
1、export
一个js文件，可以理解成一个模块，这个模块可以被任意其他的模块引入，引入的结果，就是对这个模块进行执行后，所持有的对象。那么随之而来就有一个问题，文件模块被引入后，所有的东西，都是在自己的作用域中，主动发起引入行为的那个文件，虽然获取到了被引入的对象，但是并不能访问作用域里的东西，所以提供了export，来决定一个模块对外暴露什么东西。
export的作用，就是用于从模块中导出函数、对象或原始值，以便其他程序可以通过 import 语句使用它们.
在import 一个文件的时候，会获取这个文件对象，默认是空对象，代表我们不能访问文件的东西。使用export，来给这个对象添加内容
用法：module1.js :
function f1 (){
console.log("module - 1 : functi最后
以上就是现代鸡为你收集整理的export default用法_彻底理解JavaScript ES6中的import和export的全部内容，希望文章能够帮你解决export default用法_彻底理解JavaScript ES6中的import和export所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复