模块

什么是模块?

export 关键字表示在当前模块之外可以访问的变量和功能

import 关键字允许从其他模块中导入一些诸如函数之类的功能等等

ex.导出一个函数

//  sayHi.js
export function sayHi(user{
  alert(`Hello, ${user}!`);
}

在其他文件里导入并使用:

//  main.js
import {sayHi} from './sayHi.js';

alert(sayHi); // function...
sayHi('John'); // Hello, John!

在浏览器环境中使用模块;由于模块使用了特殊的关键词和功能,所有我们必须通过使用属性

外部脚本
  1. 相同src的外链只允许一次

<script type="module" src="my.js">script>
"module" src="my.js">script>


<script src="alert.js">script>
"alert.js">script>











  1. 从另一个域获取的外链脚本需要CORS头。换言之,如果一个模块外链脚本是请求自另一个源,么它所在的远端服务器必须提供 Access-Control-Allow-Origin: `(可能使用加载的域名代替 `)响应头以指明当前请求是被允许的。


<script type="module" src="http://another-site.com/their.js">script>

总结

模块的核心概念

  1. 模块就是文件。浏览器需要使用

你可能感兴趣的:(模块)