js引入commonjs,Js引入split

本文目录一览：

• 1、CommonJS规范
• 2、什么是【CommonJs】
• 3、CommonJS与ES6模块化的具体使用方式

CommonJS规范

Node应用由模块组成，采用CommonJS规范。每一个文件就是一个模块，有自己的作用域。在一个文件里面定义的变量、函数、类都是私有的，对其他文件不可见。

引入模块打印结果如下图：

exports.xxx 是给exports对象添加属性，可以多次添加.

引入模块打印结果如下图：

module.exports 是给module对象的exports属性赋值，再次添加会将上次的值覆盖掉，只能添加一次。

那CommonJS暴露的到底是什么呢？

CommonJS规范规定，每个模块内部，module变量表示当前模块。这个变量是一个对象，它的exports属性（module.exports）是对外的接口。暴露模块的本质是：将exports对象暴露。加载某个模块，其实是加载该模块的exports属性。

那在模块中，我们并未看到定义module这个变量，这个变量到底是谁提供的呢？

我们通过在模块中打印==argument.callee== 可以观察到当前执行的函数对象

什么是【CommonJs】

CommonJs 是一种 JavaScript 语言的模块化规范，它通常会在服务端的 Nodejs 上使用。项目是由多个模块组成的，模块和模块之间的调用，需要各个模块有相同规范的 API，这样一来在使用的过程中不会有那么多的学习成本，并且对于单个模块来说是类聚的。

在 CommonJs 的模块化规范中，每一个文件就是一个模块，拥有自己独立的作用域、变量、以及方法等，对其他的模块都不可见。CommonJS规范规定，每个模块内部，module 变量代表当前模块。这个变量是一个对象，它的 exports 属性（module.exports）是对外的接口。加载某个模块，其实是加载该模块的 module.exports 属性。require 方法用于加载模块。

模块化规范给项目带来极大的好处，在业务复杂，模块众多的大型项目中，开发者都遵循相同的规则来开发各自的模块，他们通过规范来约束模块的定义，大家不需要太多的沟通或者大量的文档来说明自己的模块使用规则，成千上万的模块就这样生产，并能够容易的使用。它的意义不仅是让模块看起来很规范，在合作开发、社区中传播中也起到了重大的作用。

CommonJS与ES6模块化的具体使用方式

所以：只需要将需要暴露给外部的变量或者方法 设置为exports的属性 就行，

可以把exports看做一个全局对象，把所有暴露出来的函数和变量都存放在里面

1.先写个6.js文件

CommonJS规范规定，每个模块内部，module变量代表当前模板，这个变量是一个对象，他的 exports 属性（相当于 module.exports ）是对外的接口。 这里详情请看我的另一篇文章： module、exports 和 require的关系

加载某个模块，其实是加载该模块的module.exports属性。require方法用于加载模块

ES6模块化的使用方法：（注！因为CommonJS类库众多，以及 CommonJS 和 ES6 之间的差异，所以无法直接兼容es6。）

直接/按需导出：可使用多个 用变量/常量的方式

导入：需要用按需导入 {解构} 的方式获取

默认导出：只能使用一个 （default属性只有es6才有）可以用引入对象定义多个属性，但这样在引入后调用的时候，更麻烦。

导入：优点：可以直接使用文件做接收参数且不用结构。

重命名export和import

如果导入的多个文件中，变量名字相同，即会产生命名冲突的问题，为了解决该问题，ES6为提供了重命名的方法，当你在导入名称时可以这样做：

如果想看CommonJS与ES6模块化的原理 可以去看我另一篇文章

[秦圆圆]大佬写的 require和import的区别

[大孩子气]大佬写的 require/exports、import/export 的区别

[七分sunshine!]大佬写的# 前端模块化工具 requireJs的使用;