چطور به یه فایل جاوااسکریپت استاتیک اطلاعات بفرستیم؟

این روش برای وقتی خوبه که دیتا ساختاریافتهتره یا از قبل توی JavaScript قراره آماده بشه. ولی مشکلش اینه که از متغیرهای global استفاده میکنه که ممکنه توی پروژههای بزرگ باعث تداخل بشه.

۲. گرفتن داده از query string یا URL

مثلاً:

<script src="cdn-address/widget.js?theme=dark&lang=fa">

و توی فایل JS با location.currentScript.src یا document.currentScript پارامترها رو بخونی. این روش برای مقادیر ساده خوبه، ولی برای دادههای پیچیده یهکم شکننده میشه.

🏁 جمعبندی

اگه قراره اسکریپت قابل استفاده برای سایتهای دیگه بنویسی (یه چیزی که فقط با یه بشه استفاده کرد)، استفاده از data-* واقعاً یه روش عالیه. هم سادهست، هم قابل انعطاف، هم خیلی راحت قابل توسعهست.

به جای پیچوندن یا سراغ روشهای عجیبغریب رفتن، همین تکنیک ساده میتونه کلی از نیازها رو پوشش بده.

💬 تو چی فکر میکنی؟

اگه تجربهای داری یا راهحل دیگهای به ذهنت میرسه (مثلاً استفاده از <script type="application/json"> یا حتی Web Component)، خوشحال میشم بدونم کدوم روش رو بیشتر میپسندی و چرا.

بنویس برام. گفتوگو همیشه باعث یاد گرفتن چیزای بهتر میشه 🌱

🗣 اگه تجربهای توی این زمینه داشتی یا سوالی برات پیش اومده، خوشحال میشم توی بخش نظرات بشنوم.

🧡 اگه این مقاله برات مفید بود، با دوستات یا همتیمیهات به اشتراک بذار!