ماهو بديل require في جافاسكربت بالنسبة للمتصفحات

يمكنك استخدام الكلمة import لاستيراد الاكواد من ملفات اخرى والكلمة export لتصدير الأكواد من ملفك الحالي ولكن قبل استخدامها يجب عليك التأكد بان النظام لديك يدعم ES6 Modules والان دعنا نأخذ ذات المثال مكتوب بكلا الطريقتين لتفهم اكثر كيف تسير الامور

require : 

لدينا هذا الكود في ملف math.js  وقمنا بعمل export للدالة add  التي تقوم بعملية الجمع 

function add(a, b) {
    return a + b;
}

// Export the  function
module.exports = add;

الان لعمل استيراد باستخدام ال require  نستخدم الكود التالي :

const add = require('./math.js');
console.log(add(2, 3)); 

سيعطينا النتيجة 5 والان لنشاهد كيف تسير الامور بالطريقة الاخرى

import :

نقوم بعمل export  للدالة ب ملف ال  math.js كالتالي 

export function add(a, b) {
    return a + b;
}

ثم يمكننا القيام باستدعائها بهذه الطريقة 

import { add } from './math.js';
console.log(add(2, 3)); 

وسيعطينا ذات النتيجة 5 

كما انه يمكنك قراءة هذه المقالات للتعرف اكثر عن كلا الطريقتين 

بالتوفيق لك 

في الواجهة الأمامية يتم استخدام ESM والتي هي اختصار لـ ECMAScript modules، بينما في Node.js يتم استخدام نظام الوحدات modules باسم CommonJS.

وستجد تفصيل عن ذلك هنا:

لكن مؤخرًا كان هناك إتجاه إلى استخدام ESM أيضًا في Node.js، وستجد أن المكتبات الحديثة تدعم ذلك بشكل إفتراضي وتم التخلي عن CommonJS بها، وكان يجب القيام بخطوات بسيطة لكي تتمكن من استخدام ESM في Node.js مثل وضع خاصية type بقيمة module في ملف package.json.

أو بشكل أبسط استخدام صيغة mjs. بدلاً من js. للملف الذي تريد به استخدام ESM.

لكن لا حاجة إلى ذلك الآن، فقد دعم ذلك في إصدار 22 من Node.js وأصبح بإمكانك استخدام ESM بدون ما سبق، وذلك باستخدام require لكن ذلك لن يعمل في حال كانت الحزمة تستخدم top level await