ES6基础语法之模块化

模块化,每个js文件就是一个独立的模块,需要再别的文件引用就需要模块的导入与导出

比如我希望在a.js中使用b.js的变量或者函数,那么ES6就中模块化就帮到咱们啦!

模块导出

b.js

var name="十月梦想";
var age=18
var sex="男"

function add(x,y){
	return x+y
}
export {name,age,sex,add}

exports {name1,name2,....namen}

模块导入

可以把文件中的变量导出,然后提供其他文件使用

需要引用上述的变量在a.js要先进行导入

a.js

import {name,sex,age,add} from "./b.js"
console.log(name,age,sex,add(5,8))

模块使用

这样就可以使用b.js的文件!在需要引用的地方使用script引用记得js的type类型为"module",

		<script src="./a.js" type="module"></script>

实际开发过程中总是出现各种问题,比如模块中的变量名已经被使用了该怎么处理,怎么修改模块中变量的名字呢,

可以使用 {原来模块变量名字 as 新名字} 这样方式!

实例代码

import {name,sex,age,add as js} from "./b.js"
console.log(name,age,sex,js(5,8))

这样在模块文件中的add变量被成功修改为js了,再次调用这个add则提示名字修改报错,只能使用以及修改完成的js这个新名字!

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏武军超python专栏

2018年8月25日多进程编程总结

今天遇到的新单词: terminal    n终端 terminate  v结束,使终结 basic        adj基本的

1445
来自专栏地方网络工作室的专栏

Python3 初学实践案例(4)可设定长度和密码复杂级别的生成密码脚本

Python3 初学实践案例(4)可设定长度和密码复杂级别的生成密码脚本 在学习 python 的第一次实战中,我就完成了一个生成密码的脚本。原文链接:http...

22110
来自专栏前端那些事

mongodb原生node驱动

写在前面 最近读《node.js学习指南》,对于mongodb没有介绍太多的工作原理,但是对于一个前端开发者,即使你还没有用过这种数据库也可以让你很好的理解和使...

2726
来自专栏数值分析与有限元编程

Fortran知识 | 代码错误(insufficient virtual memory)

如图所示,提示为:insufficient virtual memory ? 程序试图访问一个受保护或者不存在的地址。多数为可分配数组、指针等动态内存引发的错误...

3767
来自专栏Java开发者杂谈

Python(2):创建函数模块

说明: 在使用python的时候我们除了使用内置的函数之外,可能还需要使用一些别人写的函数。或者我们写的代码也希望可以给其他人使用。要实现这样的功能,我们就需要...

34412
来自专栏自动化测试实战

flask第二十篇——模板【3】

2386
来自专栏码农阿宇

visual studio编写C#代码时“未能从程序集.....中加载类型”和“找不到方法”的一种可能的解决办法

编译前报错:$exception    {"未能从程序集“XSW.MySQLDAL, Version=1.0.0.0, Culture=neutral, Pub...

3546
来自专栏开源优测

[快学Python3]目录与文件操作

概述 本文就os和path模块中常用的方法进行了说明和列举,更多的方法和技巧请参加官方文档 os模块常用方法 我们先看看os模块所提供的目录操作方法,直接上代码...

2867
来自专栏郭耀华‘s Blog

Python 中的 if __name__ == '__main__' 该如何理解

1894
来自专栏数据结构与算法

2991:2011

2991:2011 查看 提交 统计 提问 总时间限制:1000ms内存限制:65536kB描述已知长度最大为200位的正整数n,请求出2011^n的后四位。输...

3357

扫码关注云+社区

领取腾讯云代金券