JavaScript import 语法报错

Question

代码如下

<script type="module">
import './index.js';
</script>

// index.js
console.log("hello")

根本就不涉及到跨域问题, 在 FireFox 中一切正常.

我有几个问题:

1. 如何批量 import, 将某个文件里的变量汇入全局空间.

比如

// Utils.js
export let sum = /* ... */
export let square = /* ... */
export let double = /* ... */

如果我要引入, 就必须.

import {sum, square, double} from './Utils'

难不成我写一百个函数还要全挨个 export, import 一遍不成? 或者说, 必须把他们装到一个对象里吗? 如果我不想把他们装到一个对象里呢?

比如我写一个.

export let Log = console.log

本来挺方便的, 结果 import 的是时候搞一个

import { Log } from xxxx

还不如重新声明一遍呢

import * from xxxx

这种语法为什么不支持?

1. Node.js 不支持 import, Safari 不支持 import, 这个 ES6 语法是不是根本就没有人打算支持.

Answer 1

1. import * as utils from './Utils'
2. nodejs支持import，不过只支持.mjs后缀，Safari也支持，不过都得看版本。

   import#浏览器兼容