js import 和 export

Posted enych

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js import 和 export相关的知识,希望对你有一定的参考价值。

html

<!DOCTYPE html>
<html>

<head>
    <script type="module" src="01.js"></script>

    <script  type="module" src="02.js"></script>
    
</head>

<body>

</body>

</html>

01.js

var k = 12;
//导出这个k
export default k;

02.js

import m from ./01.js

//这里的m是导出的m
var z = 0;
debugger;
console.log(m);

 

注意 同一个域名下能运行

 

./ :代表文件所在的目录

/ :代表文件所在的根目录。

 

以上是关于js import 和 export的主要内容,如果未能解决你的问题,请参考以下文章

Vue报错:Uncaught TypeError: Cannot assign to read only property 'exports' of object 的解决方法(代码片段

ES6模块之export和import教程

ES6新特性:模块化(import 和 export)

Import' 和'export' 可能只出现在顶层。但它是在顶层和尽头。 (盖茨比和反应 JS)

js import 和 export

export、export default和import用法详解,这一篇就够了