ES6模块化-导出导入

最新推荐文章于 2024-11-27 16:16:03 发布

月月爱学习

最新推荐文章于 2024-11-27 16:16:03 发布

阅读量330

点赞数 1

CC 4.0 BY-SA版权

分类专栏：前端学习笔记文章标签： vue.js

5 篇文章

订阅专栏

文章介绍了JavaScriptES6中的模块化机制，包括export导出变量、函数和类的两种方法，以及import导入时如何选择性导入和默认导出。强调了使用exportdefault时允许导入者自定义名称，并指出在HTML中引用JS文件时需设置type为module。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//info.js
export var name = 'why'
export var age = 20
export var height = 1.90

//info.js
var name = 'why'
var age = 20
var height = 1.90

export {
name,age,height
}

//info.js
export function mul(num1,num2){
return num1 * num2
}

export class person{
  read(){}
   console.log('在读书')
}

//main.js
import {name,age,height} from ".info.js

//main.js
import {mul,person}from ".info.js"
console.log(mul(20,30))

const p = new person();
p.read

（当一个模块中包含一个功能，我们不想要给这个功能命名，让导入者自己命名时，使用export default ）

//info.js
const address = '河南省'

export default address

//main.js
import ***(自定义名称) from "./info.js"

注：要想使用导出导入指令，需要在HTML代码中引入js文件，并且类型需要设置为module

<script src="info.js" type="module"><script>
<script src="main.js" type="module"><script>