Cad é an difríochtaí idir ES modules agus CommonJS?

Question

Accepted Answer

Is iad seo dhá chóras modúl JavaScript chun cód a roinnt ar fhillteáin.

## ES Modules (ESM) — an caighdeán nua-aimseartha

```js
// import / export, used in browsers and modern Node
import { sum } from "./math.js";
import defaultThing from "./thing.js";
export const x = 1;
export default function () {};
```

## CommonJS (CJS) — córas oidhreachta Node

```js
const { sum } = require("./math");
module.exports = { x: 1 };
```

## Na príomh-dhifríochtaí

| | ES Modules | CommonJS |
|---|---|---|
| Comhréir | `import`/`export` | `require`/`module.exports` |
| Lódáil | static, async | dynamic, synchronous |
| Inanalysable | ✅ → tree-shaking | ❌ níos deacra |
| Ceangail | live (read-only) | luach cóipeáilte |
| `this` ar bharr | `undefined` | `module.exports` |

Ciallaíonn **static** go bhfuil iompórtálacha ESM ar eolas ag am pharsála, rud a bhíonn ag soláthar do bhundlóirí **tree-shaking** (scaoileadh onnmhaireanna gan úsáid). Is dinimiciúil an `require` CommonJS (is féidir leat `require` go coinníollach), mar sin ní féidir é a anailísiú go furasta.

## ESM a Ghealadh i Node

```json
{ "type": "module" } // in package.json, or use the .mjs extension
```

## Drochthúmhailt Interop

Ní féidir leat `require()` a úsáid ar phaicéad ESM-amháin ó CommonJS; bheith ag meascadh an dá rud tá imeall garbh. Is **ceangail bheo** iad iompórtálacha ESM freisin — má athraíonn an t-onnmhaireoir an luach, feiceann na hiompórtálaithe an luach nua (tugann CJS snapshot cóip duit).

## Cén fáth a bhíonn tábhacht ann

Is é ESM an todhchaí (browser-native, tree-shakeable, top-level `await`).

Gréamaigh é do chód nua; tuig CJS toisc go bhfuil go leor den éiceachóras Node fós ag úsáid é.

	ES Modules	CommonJS
Comhréir	`import`/`export`	`require`/`module.exports`
Lódáil	static, async	dynamic, synchronous
Inanalysable	✅ → tree-shaking	❌ níos deacra
Ceangail	live (read-only)	luach cóipeáilte
`this` ar bharr	`undefined`	`module.exports`