script type="text/javascript" 导入方法变量
时间: 2023-07-06 17:19:13 浏览: 47
如果你想要在 JavaScript 文件中导出方法和变量,可以使用 ES6 模块化的语法。具体来说,你可以在 JavaScript 文件中使用 `export` 关键字导出方法和变量,然后在其他文件中使用 `import` 关键字进行导入。示例代码如下:
```javascript
// utils.js 文件
export function add(a, b) {
return a + b;
}
export const PI = 3.1415926;
```
```javascript
// main.js 文件
import { add, PI } from './utils.js';
console.log(add(1, 2)); // 输出 3
console.log(PI); // 输出 3.1415926
```
在上面的代码中,我们在 `utils.js` 文件中导出了 `add` 方法和 `PI` 变量,使用 `export` 关键字。然后在 `main.js` 文件中,我们使用 `import` 关键字来导入 `add` 方法和 `PI` 变量。
如果你需要导出一个默认的方法或变量,可以使用 `export default` 关键字。示例代码如下:
```javascript
// utils.js 文件
export default function multiply(a, b) {
return a * b;
}
```
```javascript
// main.js 文件
import multiply from './utils.js';
console.log(multiply(2, 3)); // 输出 6
```
在上面的代码中,我们在 `utils.js` 文件中导出了 `multiply` 方法,并使用 `export default` 关键字。然后在 `main.js` 文件中,我们直接导入 `multiply` 方法,因为它是默认导出的。
需要注意的是,如果你要使用 ES6 模块化的语法,需要在 HTML 文件中的 `script` 标签中使用 `type="module"` 属性,示例代码如下:
```html
<script type="module" src="main.js"></script>
```