浏览器使用ES Module

// a.js
export default "hello world"
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script type="module">
        import a from "./a.js";
        console.log(a) // hello world
    </script>
</body>
</html>

注意:必须在一个服务下打开html,否则会报错。

特点

  1. ES module是静态的,不可以动态加载语句,只能声明在文件的顶部,代码发生在编译时;
  2. ES module导出的是引用值,且状态为可读,不能被修改

看见了
876 声望16 粉丝

前端开发,略懂后台;


引用和评论

0 条评论