რა განსხვავება აქვს ES მოდულებსა და CommonJS-ს შორის?

Question

Accepted Answer

ეს ორი მოდულის სისტემაა JavaScript-ში კოდის მრავალ ფailებად გამოყოფისთვის.

## ES მოდულები (ESM) — თანამედროვე სტანდარტი

```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) — Node-ის მემკვიდრეობის სისტემა

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

## ძირითადი განსხვავებები

| | ES მოდულები | CommonJS |
|---|---|---|
| სინტაქსი | `import`/`export` | `require`/`module.exports` |
| ჩამოტვირთვა | static, async | დინამიური, სინქრონული |
| ანალიზირებადი | ✅ → tree-shaking | ❌ უფრო რთული |
| შეკვრები | live (მხოლოდ წაკითხვা) | კოპირებული მნიშვნელობა |
| `this` წვერზე | `undefined` | `module.exports` |

**Static** ნიშნავს, რომ ESM imports ცნობილია parse დროს, რაც საშუალებას აძლევს bundler-ებს **tree-shaking** გააკეთონ (ამოშალონ გამოუყენებელი exports). CommonJS `require` დინამიურია (შეგიძლიათ `require` პირობითად), ამიტომ მისი ანალიზი უფრო რთულია.

## ESM-ის ჩართვა Node-ში

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

## Interop-ის საფრთხე

ვერ შეგიძლიათ `require()` გამოიყენოთ ESM-only პაკეტზე CommonJS-დან; ორის შერევას აქვს რთული მხარეები. ESM imports ასევე **live bindings**-ია — თუ exporter-ი შეცვლის მნიშვნელობას, importers-ები ხედავენ ახალ მნიშვნელობას (CJS გვაძლევს snapshot-ის კოპიას).

## რატომ მნიშვნელოვანი

ESM არის მომავალი (browser-native, tree-shakeable, top-level `await`).

ამჯობინეთ ახალი კოდისთვის; გაუმეორებელი CJS, რადგან Node-ის ეკოსისტემის დიდი ნაწილი ასჯერ იყენებს მას.

	ES მოდულები	CommonJS
სინტაქსი	`import`/`export`	`require`/`module.exports`
ჩამოტვირთვა	static, async	დინამიური, სინქრონული
ანალიზირებადი	✅ → tree-shaking	❌ უფრო რთული
შეკვრები	live (მხოლოდ წაკითხვা)	კოპირებული მნიშვნელობა
`this` წვერზე	`undefined`	`module.exports`