首页 > 其他分享 >ES6模块化 export

ES6模块化 export

时间:2023-02-26 10:05:00浏览次数:37  
标签:findJob school ES6 mm 模块化 js export import

模块化

模块化是指将一个大的程序文件 ,拆分成许多小的文件,然后将小文件组合起来。

模块化的好处

模块化的优势有以下几点:

1.防止命名冲突

2.代码复用

3.高维护性  

 

export是暴露的意思

 引入js文件然后打印

htm:

<script type="module">
import * as mm from './index.js';
mm.findJob()
console.log(mm);
</script>

js:

let school ='尚硅谷';

function findJob(){
console.log('asdasdsad');
}

export{school,findJob}

ES6模块化   export_代码复用

 

结构赋值形式的引入

 

import{school,findJob}from './index1.js'
import{school as a1,cabt}from './index2.js'

如果引入的名字重复时可以使用 as 来进行命名

简便形式 针对默认暴露

import mm from "./index.js";

 



标签:findJob,school,ES6,mm,模块化,js,export,import
From: https://blog.51cto.com/u_15687135/6086005

相关文章

  • ES6的对象方法扩展
     Object.assign对象的合并<script>//Object.assign对象的合并constconfig1={host:'localhost',port:3306,......
  • JS之export
    export在创建JavaScript模块时,export语句用于从模块中导出实时绑定的函数、对象或原始值,以便其他程序可以通过import语句使用它们。被导出的绑定值依然可以在本地进......
  • ES6 简单笔记
      https://www.youtube.com/watch?v=qjHNdaf3cpE&list=PLCRqr1mERvdJ0IZMD1U4oSB7k0gyAjyIx&index=2  ES6是第6版,正式名称为ECMAScript2015,于2015年6月完成。ES6......
  • 性能测试-grafana + prometheus + node_exporter
    1、grafana安装下载网址:https://grafana.com/grafana/download/7.4.3?platform=linux#下载wgethttps://dl.grafana.com/enterprise/release/grafana-enterprise-7.4.3......
  • es6对象内嵌套数组解构
    解构前解构后......
  • 个人自学前端47-export default 和 import语句中对象的解构赋值问题
    目录共同点区别一.exportdefault1.错误2.正确二.export共同点export与exportdefault均可用于导出常量、函数、文件、模块等。区别1.在一个文件或模块中,export、imp......
  • ES6-ES11 箭头函数的实践与应用
    视频<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>......
  • ES6-ES11 箭头函数以及声明特点
    视频<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>......
  • ES6-ES11 模板字符串
    视频<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>......
  • ES6-ES11 对象的简化写法
    视频<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>......