javaScript 基础知识汇总 (十五)
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javaScript 基础知识汇总 (十五),小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1608字,纯文字阅读大概需要3分钟。
内容图文
1、模块简介
什么是模块:
模块就是一个文件,一个脚本,通过关键字export 和 import 交换模块之间的功能。
export 关键字表示在当前模块之外可以访问的变量和功能。
import 关键字允许从其他模块中导入一些诸如函数之类的功能。
使用示例:
文件 say.js
export function sayHi(user)
return `Hello ,${user}!`;
}
文件index.html
<!doctype html>
<script type="module">
import {sayHi} from './say.js';
document.body.innerHTML = sayHi('John");
</script>
核心模块功能
1)始终使用 use strict
2)模块级作用域
每个模块都有自己的作用域
3)模块代码仅在第一次导入时解析
顶级 “this" 是未定义的(undefined)
在模块中的this与模块中的区别是 普通脚本中的this 是window 而模块中的this则是undefined
<script>
alert(this);//window
</script>
<script type = "moudle">
alert(this);//undefined
</script>
模块脚本是延迟解析的
- 外部模块脚本
<script type="module" src="...">
不会阻塞 HTML 的解析,它们与其他资源并行加载。 - 直到 HTML 文档完全解析渲染后(即使模块脚本比 HTML 先加载完成),模块脚本才会开始运行。
- 执行脚本的相对顺序:在前面的先执行。
不允许裸模块
import
{
sayHi}
from
'sayHi'
;
// Error,“裸”模块
// 模块必须提供路径,例如 './sayHi.js'
2、模块的导入导出
声明前导出
// 导出数组 export let months = ['Jan', 'Feb', 'Mar','Apr', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']; // 导出 const 声明的变量 export const MODULES_BECAME_STANDARD_YEAR = 2015; // 导出类 export class User { constructor(name) { this.name = name; } }
声明后导出
1 function sayHi(User){ 2 alert(`Hello,${User}!`); 3 } 4 fucntion sayBye(user) 5 alert(`bye,${user}!`); 6 } 7 export{sayHi,sayBye};
指明导入的内容
1 //标签:,,,,,,,, 来源: https://www.cnblogs.com/xiaoqiyaozou/p/11510663.html
内容总结
以上是互联网集市为您收集整理的javaScript 基础知识汇总 (十五)全部内容,希望文章能够帮你解决javaScript 基础知识汇总 (十五)所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。