使用srcipt引入js的情况下使用ES6的export的import语法

最新推荐文章于 2024-09-19 22:05:41 发布

mf_717714

最新推荐文章于 2024-09-19 22:05:41 发布

阅读量1.4w

点赞数 4

分类专栏： ES6 文章标签： ES6 import export 原生js

本文链接：https://blog.csdn.net/mf_717714/article/details/84621691

版权

ES6 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

注：在此情况下使用，需要把script的type值设置为module ，默认情况下 type=“text/javascript”

案例：

idnex.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
	</body>
	<script src="api.js" type="module"></script>
	<script src="util.js" type="module"></script>
	<script type="module">
		import { Obj, argu } from './util.js'
		var a = argu(10);
		var b = Obj.add(10);
		var c = Obj.reduce(10);
		console.log('index',a, b, c)
	</script>
</html>

util.js

export function argu(argu){
	return argu+10;
}

var Obj = {
	add:function(argu){
		return argu+10;
	},
	reduce:function(argu){
		return argu-1;
	}
}

export { Obj }

api.js

import { Obj, argu } from './util.js'


var a = argu(10);
var b = Obj.add(10);
var c = Obj.reduce(10);
console.log(a, b, c)

尚未得到支持的 import 路径符号

// 支持
import {foo} from 'https://jakearchibald.com/utils/bar.js';
import {foo} from '/utils/bar.js';
import {foo} from './bar.js';
import {foo} from '../bar.js';

// 不支持
import {foo} from 'bar.js';
import {foo} from 'utils/bar.js';

有效的路径符号应当符合以下条件规则之一：