<script>中的type类型 text/javascript 和 module的区别

text/javascript和module是 HTML 中<script>标签的两种不同的类型属性值，它们之间有以下主要区别：

一、模块化支持

1. text/javascript：不支持原生的模块化语法。通常使用全局变量和函数来组织代码，容易造成命名冲突和代码的混乱，尤其在大型项目中维护性较差。
2. module：支持原生的 ES6 模块化语法，可以使用import和export关键字来明确地导入和导出模块中的功能。这使得代码更加模块化、可维护和可测试。

二、加载行为

1. text/javascript：默认情况下，脚本会立即执行，并且按照在 HTML 中出现的顺序依次执行。如果一个脚本依赖于另一个脚本，可能需要确保依赖的脚本先加载完成，通常可以通过将脚本放在 HTML 的底部或者使用异步加载技术来解决加载顺序问题。

2. module：模块脚本默认是延迟加载的，只有在需要时才会被加载和执行。这意味着模块脚本不会阻塞页面的渲染，有助于提高页面的加载性能。此外，模块脚本具有严格的加载顺序，确保依赖的模块先被加载和解析。

三、作用域和全局变量

1. text/javascript：脚本中的变量和函数通常是在全局作用域中定义的，容易污染全局命名空间。这可能导致命名冲突，并且在大型项目中难以管理和调试。
2. module：模块具有自己的局部作用域，模块中的变量和函数不会自动暴露到全局作用域中。这有助于避免命名冲突，提高代码的可维护性和安全性。

四、兼容性和浏览器支持

1. text/javascript：被所有主流浏览器广泛支持，并且已经存在了很长时间。兼容性较好，适用于大多数传统的 Web 项目。
2. module：虽然现代浏览器对 ES6 模块的支持越来越好，但在一些旧版本的浏览器中可能需要使用转译工具（如 Babel）或模块加载器（如 SystemJS）来确保兼容性。

总的来说，module类型提供了更强大的模块化和加载控制功能，适合现代的大型 Web 应用开发。而text/javascript在一些传统项目或需要广泛兼容性的情况下仍然有用。在选择使用哪种类型时，需要考虑项目的需求、浏览器兼容性和开发团队的技术栈。