es6模块化规范

最新推荐文章于 2023-11-23 21:15:23 发布

qq_47718360

最新推荐文章于 2023-11-23 21:15:23 发布

阅读量194

点赞数

分类专栏：笔记

本文链接：https://blog.csdn.net/qq_47718360/article/details/110509075

版权

笔记专栏收录该内容

13 篇文章 0 订阅

订阅专栏

这篇博客详细介绍了ES6的模块化规范，包括如何导出和导入变量、函数及对象。通过示例展示了export和import的用法，如默认导出、按需导入、重命名导入等，帮助理解ES6模块系统的灵活性和实用性。

摘要由CSDN通过智能技术生成

// 例子：
//
export let myName = “laowang”;
import { myName } from “./test.js”;
console.log(myName);//laowang

// 如果要输出多个变量可以将这些变量包装成对象进行模块化输出：
// let myName=“laowang”;
// let myAge=90;
// let myfn=function(){
// return “我是”+myName+"！今年"+myAge+“岁了”
// }
// export {
// myName,
// myAge,
// myfn
// }
// /********接收的代码调整为/
// import {myfn,myAge,myName} from “./test.js”;
// console.log(myfn());//我是laowang！今年90岁了
// console.log(myAge);//90
// console.log(myName);//laowang

// 如果你不想暴露模块当中的变量名字，可以通过as来进行操作:

// let myName=“laowang”;
// let myAge=90;
// let myfn=function(){
// return “我是”+myName+"！今年"+myAge+“岁了”
// }
// export {
// myName as name,
// myAge as age,
// myfn as fn
// }
// /********接收的代码调整为/
// import {fn,age,name} from “./test.js”;
// console.log(fn());//我是laowang！今年90岁了
// console.log(age);//90
// console.log(name);//laowang

/********导出/
export default function () {
return “默认导出一个方法”
}
/********引入/
import myFn from “./test.js”;//注意这里默认导出不需要用{}。
console.log(myFn());//默认导出一个方法

// 可以将所有需要导出的变量放入一个对象中，然后通过default export进行导出

/********导出/
export default {

myFn() {
    return "默认导出一个方法"
},
myName: "laowang"

}
/********引入/
import myObj from “./test.js”;
import mockjs from “mockjs”;
import { countReset } from “console”;
import { query } from “express”;
import salt from “c:/users/administrator/desktop/xuesheng/myapp/public/src/utils/salt.js”;
console.log(myObj.myFn(), myObj.myName);//默认导出一个方法 laowang

// 如果导入的多个文件中，变量名字相同，即会产生命名冲突的问题，为了解决该问题，ES6为提供了重命名的方法，当你在导入名称时可以这样做：

// /********test1.js/
// export let myName=“我来自test1.js”;
// /********test2.js/
// export let myName=“我来自test2.js”;
// /********index.js/
// import {myName as name1} from “./test1.js”;
// import {myName as name2} from “./test2.js”;
// console.log(name1);//我来自test1.js
// console.log(name2);//我来自test1.js