angular引入一个第三方js文件

哈喽，大家好啊

今天在做引入第三方文件得时候，总结了三方js引入方式

https://www.likecs.com/show-307466765.html#sc=894

下面总结得文章来源这里：如上

因为随着项目得越来越庞大，随着引入js文件得增加，会出现以下问题：

1. js作用域都是顶层，会造成变量污染

2. js文件变多，项目变得不好维护

3. js文件依赖问题，引入顺序错，代码全报错

为了解决以上问题，有两种js 引入方式

4. CommonJs 还有一个是Es Module

commonJs使用得是module.exports导出变量以及函数，可以导出任意类型的值，也可省略module关键字，直接写export导出。支持混合导出

CommonJs使用require导入，如果想要单个的值，可以通过解构对象来获取

let imp = require('../../../common/imp.js');

Es Module导出分为两种：单个导出（export）和默认导出（export default）

Es Module使用import导入，如果要单个导入则必须使用{}

export 导出得是值得引用，并且内部有映射关系，而且导入得值不能进行修改即为只读状态

Es Module的import只能申明在文件的最顶部，不能动态加载语句

原文链接：JavaScript文件引入、CommonJs和Es Module - ajjoker - 博客园 (cnblogs.com)