آموزش جاوا اسکریپت مبتدی : جاوا اسکریپت چیست؟
به دوره مقدماتی جاوا اسکریپت PDN خوش آمدید! در این مقاله، ما از سطح بالایی به جاوا اسکریپت نگاه خواهیم کرد، به سوالاتی مانند «چیست؟» و «با آن چه کاری میتوان انجام داد؟» پاسخ خواهیم داد و مطمئن خواهیم شد که با هدف جاوا اسکریپت راحت هستید.
جاوا اسکریپت یک زبان اسکریپتنویسی یا برنامهنویسی است که به شما امکان میدهد ویژگیهای پیچیدهای را در صفحات وب پیادهسازی کنید - هر بار که یک صفحه وب کاری بیش از صرفاً نشستن و نمایش اطلاعات استاتیک برای شما انجام میدهد - نمایش بهروزرسانیهای بهموقع محتوا، نقشههای تعاملی، گرافیکهای متحرک دوبعدی/سهبعدی، جعبههای ویدیویی اسکرولدار و غیره - میتوانید شرط ببندید که احتمالاً جاوا اسکریپت در آن دخیل است. این سومین لایه از کیک لایهای فناوریهای استاندارد وب است که دو مورد از آنها (HTML و CSS) را با جزئیات بسیار بیشتری در بخشهای دیگر حوزه یادگیری پوشش دادهایم.
HTML زبان نشانهگذاری است که ما برای ساختاردهی و معنا بخشیدن به محتوای وب خود، مثلاً تعریف پاراگرافها، عنوانها و جداول داده یا جاسازی تصاویر و ویدیوها در صفحه، از آن استفاده میکنیم.
CSS زبانی از قوانین سبک است که ما برای اعمال سبک به محتوای HTML خود، مثلاً تنظیم رنگها و فونتهای پسزمینه و چیدمان محتوای خود در چندین ستون، از آن استفاده میکنیم.
جاوااسکریپت یک زبان اسکریپتنویسی است که شما را قادر میسازد محتوای بهروز شده پویا ایجاد کنید، چندرسانهای را کنترل کنید، تصاویر را متحرک کنید و تقریباً هر چیز دیگری. (خب، نه همه چیز، اما آنچه میتوانید با چند خط کد جاوااسکریپت به دست آورید شگفتانگیز است.)
این سه لایه به خوبی روی یکدیگر ساخته میشوند. بیایید یک دکمه را به عنوان مثال در نظر بگیریم. میتوانیم با استفاده از HTML آن را نشانهگذاری کنیم تا به آن ساختار و هدف بدهیم:
سپس میتوانیم مقداری CSS به آن اضافه کنیم تا ظاهر زیبایی پیدا کند:
و در نهایت، میتوانیم مقداری جاوا اسکریپت برای پیادهسازی رفتار پویا اضافه کنیم:
روی برچسب متن کلیک کنید، نامی را در کادر محاورهای که باز میشود وارد کنید و دکمه تأیید را فشار دهید.
جاوا اسکریپت میتواند کارهای بسیار بیشتری انجام دهد - بیایید جزئیات بیشتری را بررسی کنیم.
خب، واقعاً چه کاری میتواند انجام دهد؟
زبان جاوا اسکریپت سمت کلاینت شامل برخی ویژگیهای برنامهنویسی رایج است که به شما امکان انجام کارهایی مانند موارد زیر را میدهد:
ذخیره مقادیر مفید درون متغیرها. به عنوان مثال، در مثال بالا، ما درخواست ورود نام جدیدی را میکنیم و سپس آن نام را در متغیری به نام name ذخیره میکنیم.
عملیات روی قطعات متن (که در برنامهنویسی به عنوان "رشته" شناخته میشوند). در مثال بالا، رشته "Player 1:" را میگیریم و آن را به متغیر name متصل میکنیم تا برچسب متن کامل، مثلاً "Player 1: Chris" را ایجاد کنیم.
اجرای کد در پاسخ به رویدادهای خاصی که در یک صفحه وب رخ میدهند. ما در مثال بالا از یک رویداد کلیک برای تشخیص زمان کلیک روی دکمه و سپس اجرای کدی که برچسب متن را بهروزرسانی میکند، استفاده کردیم.
و خیلی چیزهای دیگر!
با این حال، چیزی که حتی هیجانانگیزتر است، عملکردی است که بر روی زبان جاوا اسکریپت سمت کلاینت ساخته شده است. به اصطلاح رابطهای برنامهنویسی کاربردی (API) ابرقدرتهای اضافی را برای استفاده در کد جاوا اسکریپت شما فراهم میکنند.
APIها مجموعههای آمادهای از بلوکهای سازنده کد هستند که به یک توسعهدهنده اجازه میدهند برنامههایی را پیادهسازی کند که در غیر این صورت پیادهسازی آنها دشوار یا غیرممکن بود. آنها برای برنامهنویسی همان کاری را انجام میدهند که کیتهای مبلمان آماده برای ساخت خانه انجام میدهند - برداشتن پنلهای برشخورده آماده و پیچ کردن آنها به هم برای ساخت قفسه کتاب بسیار آسانتر از آن است که خودتان طرح را طراحی کنید، بروید و چوب مناسب را پیدا کنید، تمام پنلها را به اندازه و شکل مناسب برش دهید، پیچهای با اندازه مناسب را پیدا کنید و سپس آنها را برای ساخت قفسه کتاب به هم بچسبانید.
آنها عموماً به دو دسته تقسیم میشوند.
APIهای مرورگر در مرورگر وب شما تعبیه شدهاند و میتوانند دادهها را از محیط رایانه اطراف در معرض نمایش قرار دهند یا کارهای پیچیده مفیدی انجام دهند. به عنوان مثال:
API DOM (Document Object Model) به شما امکان میدهد HTML و CSS را دستکاری کنید، HTML را ایجاد، حذف و تغییر دهید، به صورت پویا سبکهای جدیدی را به صفحه خود اعمال کنید و غیره. هر بار که یک پنجره بازشو در صفحه ظاهر میشود یا محتوای جدیدی نمایش داده میشود (همانطور که در نسخه آزمایشی ساده خود در بالا دیدیم)، این DOM در عمل است.
API موقعیت جغرافیایی اطلاعات جغرافیایی را بازیابی میکند. اینگونه است که
Google Maps میتواند مکان شما را پیدا کند و آن را روی نقشه ترسیم کند.
APIهای Canvas و WebGL به شما امکان میدهند گرافیکهای متحرک دو بعدی و سه بعدی ایجاد کنید. مردم با استفاده از این فناوریهای وب کارهای شگفتانگیزی انجام میدهند - به آزمایشهای Chrome و webglsamples مراجعه کنید.
APIهای صوتی و تصویری مانند HTMLMediaElement و WebRTC به شما امکان میدهند کارهای واقعاً جالبی با چندرسانهای انجام دهید، مانند پخش صدا و تصویر مستقیماً در یک صفحه وب، یا گرفتن ویدیو از دوربین وب خود و نمایش آن در رایانه شخص دیگری.
APIهای شخص ثالث به طور پیشفرض در مرورگر تعبیه نشدهاند و شما معمولاً باید کد و اطلاعات آنها را از جایی در وب دریافت کنید. به عنوان مثال:
API Bluesky به شما امکان میدهد کارهایی مانند نمایش آخرین پستهای خود در وبسایت خود انجام دهید.
API Google Maps و API OpenStreetMap به شما امکان میدهند نقشههای سفارشی را در وبسایت خود جاسازی کنید و سایر قابلیتهای مشابه را نیز داشته باشید.
چیزهای خیلی بیشتری هم در دسترس است! با این حال، هنوز خیلی هیجانزده نشوید. شما نمیتوانید بعد از ۲۴ ساعت مطالعه جاوا اسکریپت، فیسبوک، گوگل مپ یا اینستاگرام بعدی را بسازید - اصول اولیه زیادی وجود دارد که باید ابتدا آنها را پوشش دهید. و به همین دلیل است که شما اینجا هستید - بیایید ادامه دهیم!جاوا اسکریپت در صفحه شما چه کاری انجام میدهد؟
در اینجا ما شروع به بررسی برخی کدها میکنیم و در حین انجام این کار، بررسی میکنیم که هنگام اجرای جاوا اسکریپت در صفحه شما، واقعاً چه اتفاقی میافتد.
بیایید به طور خلاصه داستان آنچه را که هنگام بارگذاری یک صفحه وب در مرورگر اتفاق میافتد (که اولین بار در مقاله CSS چیست؟ در مورد آن صحبت کردیم) مرور کنیم. وقتی یک صفحه وب را در مرورگر خود بارگذاری میکنید، کد خود (HTML، CSS و جاوا اسکریپت) را در یک محیط اجرایی (زبانه مرورگر) اجرا میکنید. این مانند کارخانهای است که مواد اولیه (کد) را دریافت میکند و محصولی (صفحه وب) را تولید میکند.
یکی از کاربردهای بسیار رایج جاوا اسکریپت، تغییر پویای HTML و CSS برای بهروزرسانی رابط کاربری، از طریق API مدل شیء سند (همانطور که در بالا ذکر شد) است.
هر تب مرورگر، سطل جداگانهای برای اجرای کد دارد (این سطلها از نظر فنی «محیطهای اجرا» نامیده میشوند) - این بدان معناست که در بیشتر موارد، کد در هر تب کاملاً جداگانه اجرا میشود و کد در یک تب نمیتواند مستقیماً بر کد در تب دیگر - یا در وبسایت دیگر - تأثیر بگذارد. این یک اقدام امنیتی خوب است - اگر اینطور نبود، دزدان میتوانند شروع به نوشتن کد برای سرقت اطلاعات از وبسایتهای دیگر و سایر موارد بد از این دست کنند.
راههایی برای ارسال کد و دادهها بین وبسایتها/تبهای مختلف به شیوهای ایمن وجود دارد، اما اینها تکنیکهای پیشرفتهای هستند که در این دوره به آنها نمیپردازیم.
وقتی مرورگر با یک بلوک جاوا اسکریپت مواجه میشود، معمولاً آن را به ترتیب از بالا به پایین اجرا میکند. این بدان معناست که باید در ترتیب قرار دادن موارد دقت کنید. برای مثال، بیایید به بلوک جاوا اسکریپتی که در مثال اول دیدیم برگردیم:
در اینجا، ابتدا یک بلوک کد به نام تعریف میکنیم (این نوع بلوکهای کد قابل استفاده مجدد، تابع نامیده میشوند)، که از کاربر نام جدیدی را درخواست میکند و آن نام را در متن یک دکمه وارد میکند. سپس با استفاده از یک ارجاع به یک دکمه ذخیره میکنیم و با استفاده از یک شنونده رویداد به آن متصل میکنیم تا وقتی روی دکمه کلیک میشود، تابع اجرا شود.
اگر ترتیب خطوط و را عوض کنید، کد دیگر کار نخواهد کرد - در عوض، خطایی در کنسول توسعهدهنده مرورگر دریافت خواهید کرد - . این بدان معناست که شیء دکمه هنوز مقداردهی اولیه نشده است، بنابراین نمیتوانیم یک شنونده رویداد به آن اضافه کنیم.
به دلیل رفتارهایی مانند hoisting، همیشه درست نیست که جاوا اسکریپت دقیقاً از بالا به پایین اجرا شود، اما فعلاً به خاطر داشته باشید که معمولاً قبل از استفاده از آیتمها، باید آنها را تعریف کنید. این یک منبع رایج خطا است.
کد interpreted در مقابل کد compiled
ممکن است در زمینه برنامهنویسی اصطلاحات تفسیری و کامپایلی را شنیده باشید. در زبانهای تفسیری، کد از بالا به پایین اجرا میشود و نتیجه اجرای کد بلافاصله بازگردانده میشود. لازم نیست قبل از اجرای کد توسط مرورگر، آن را به شکل دیگری تبدیل کنید. کد به شکل متنی قابل فهم برای برنامهنویس دریافت شده و مستقیماً از آن پردازش میشود.
از سوی دیگر، زبانهای کامپایلی قبل از اجرا توسط کامپیوتر به شکل دیگری تبدیل (کامپایل) میشوند. به عنوان مثال، C/C++ به کد ماشین کامپایل میشوند که سپس توسط کامپیوتر اجرا میشود. برنامه از یک فرمت دودویی اجرا میشود که از کد منبع برنامه اصلی تولید شده است.
جاوااسکریپت یک زبان برنامهنویسی تفسیری سبک است. مرورگر وب کد جاوااسکریپت را به شکل متنی اصلی دریافت میکند و اسکریپت را از آن اجرا میکند. از نظر فنی، اکثر مفسران مدرن جاوااسکریپت در واقع از تکنیکی به نام کامپایل درجا برای بهبود عملکرد استفاده میکنند. کد منبع جاوااسکریپت در حین استفاده از اسکریپت به فرمت دودویی سریعتری کامپایل میشود تا بتوان آن را در اسرع وقت اجرا کرد. با این حال، جاوا اسکریپت هنوز یک زبان تفسیری در نظر گرفته میشود، زیرا کامپایل در زمان اجرا انجام میشود، نه قبل از آن.
هر دو نوع زبان مزایایی دارند، اما فعلاً در مورد آنها بحث نخواهیم کرد.
کد سمت سرور در مقابل کد سمت کلاینت
همچنین ممکن است اصطلاحات کد سمت سرور و کد سمت کلاینت را، به خصوص در زمینه توسعه وب، بشنوید. کد سمت کلاینت کدی است که روی رایانه کاربر اجرا میشود - وقتی یک صفحه وب مشاهده میشود، کد سمت کلاینت صفحه دانلود میشود، سپس توسط مرورگر اجرا و نمایش داده میشود. در این ماژول ما به صراحت در مورد جاوا اسکریپت سمت کلاینت صحبت میکنیم.
از سوی دیگر، کد سمت سرور روی سرور اجرا میشود، سپس نتایج آن دانلود و در مرورگر نمایش داده میشود. نمونههایی از زبانهای وب محبوب سمت سرور شامل و حتی جاوا اسکریپت است! جاوا اسکریپت همچنین میتواند به عنوان یک زبان سمت سرور، به عنوان مثال در محیط محبوب ، استفاده شود.
کد پویا (dynamic) در مقابل کد ایستا (static)
کلمه پویا برای توصیف هر دو زبان جاوا اسکریپت سمت کلاینت و سمت سرور استفاده میشود - این کلمه به توانایی بهروزرسانی نمایش یک صفحه/اپلیکیشن وب برای نمایش چیزهای مختلف در شرایط مختلف و تولید محتوای جدید در صورت نیاز اشاره دارد. کد سمت سرور به صورت پویا محتوای جدید را در سرور تولید میکند، به عنوان مثال، دادهها را از یک پایگاه داده دریافت میکند، در حالی که جاوا اسکریپت سمت کلاینت به صورت پویا محتوای جدید را در داخل مرورگر در کلاینت تولید میکند، به عنوان مثال، یک جدول HTML جدید ایجاد میکند، آن را با دادههای درخواستی از سرور پر میکند و سپس جدول را در یک صفحه وب نشان داده شده به کاربر نمایش میدهد. معنی این دو در دو زمینه کمی متفاوت است، اما مرتبط است و هر دو رویکرد (سمت سرور و سمت کلاینت) معمولاً با هم کار میکنند.
به یک صفحه وب بدون محتوای بهروزرسانی پویا، ایستا گفته میشود - فقط همیشه محتوای یکسانی را نشان میدهد.
چگونه جاوا اسکریپت را به صفحه خود اضافه کنیم؟
جاوا اسکریپت به روشی مشابه CSS روی صفحه HTML شما اعمال میشود. در حالی که CSS از عناصر برای اعمال stylesheet های خارجی و از عناصر برای اعمال stylesheet های داخلی به HTML استفاده میکند، جاوا اسکریپت فقط به یک دوست در دنیای HTML نیاز دارد - عنصر . بیایید یاد بگیریم که چگونه این کار میکند.
1. اول از همه، یک فایل apply-javascript.html ایجاد کنید. آن را در یک دایرکتوری در جایی معقول ذخیره کنید.
2. فایل را در مرورگر وب و ویرایشگر متن خود باز کنید. خواهید دید که HTML یک صفحه وب ساده حاوی یک دکمه قابل کلیک ایجاد میکند.
3. سپس، به ویرایشگر متن خود بروید و موارد زیر را در پایین بدنه خود - درست قبل از برچسب بسته - اضافه کنید:
توجه داشته باشید که کد موجود در اسناد وب شما معمولاً به ترتیبی که در صفحه ظاهر میشود، بارگیری و اجرا میشود. با قرار دادن جاوا اسکریپت در پایین، از بارگیری تمام عناصر HTML اطمینان حاصل میکنیم. (همچنین به استراتژیهای بارگیری اسکریپت در زیر مراجعه کنید.)
4. حالا مقداری جاوا اسکریپت به عنصر خود اضافه میکنیم تا صفحه جالبتر شود - کد زیر را درست زیر خط اضافه کنید:
5. فایل خود را ذخیره کنید و مرورگر را رفرش کنید - حالا باید ببینید که وقتی روی دکمه کلیک میکنید، یک پاراگراف جدید ایجاد شده و در زیر آن قرار میگیرد.
اگر به نظر نمیرسد مثال شما کار کند، مراحل را دوباره طی کنید و بررسی کنید که همه چیز را درست انجام دادهاید. آیا کپی محلی کد شروع را به عنوان یک فایل ذخیره کردهاید؟ آیا عنصر خود را درست قبل از تگ اضافه کردهاید؟ آیا جاوا اسکریپت را دقیقاً همانطور که نشان داده شده است وارد کردهاید؟ جاوا اسکریپت به حروف کوچک و بزرگ حساس است و بسیار سختگیر است، بنابراین باید سینتکس را دقیقاً همانطور که نشان داده شده است وارد کنید، در غیر این صورت ممکن است کار نکند.
این روش عالی عمل میکند، اما اگر بخواهیم جاوا اسکریپت خود را در یک فایل خارجی قرار دهیم چه؟ بیایید اکنون این موضوع را بررسی کنیم.
1. ابتدا، یک فایل جدید در همان دایرکتوری فایل HTML نمونه خود ایجاد کنید. آن را بنامید - مطمئن شوید که پسوند نام فایل آن باشد، زیرا به این ترتیب به عنوان جاوا اسکریپت شناخته میشود.
2. عنصر فعلی خود را در پایین حذف کنید و موارد زیر را درست قبل از برچسب بسته </head> اضافه کنید (به این ترتیب مرورگر میتواند زودتر از زمانی که در پایین است، بارگیری فایل را شروع کند):
3. داخل فایل ، اسکریپت زیر را اضافه کنید:
4. مرورگر خود را ذخیره و رفرش کنید. متوجه خواهید شد که کلیک روی دکمه هیچ تاثیری ندارد و اگر کنسول مرورگر خود را بررسی کنید، خطایی در امتداد درخواست مسدود شده مشاهده خواهید کرد. دلیل این امر این است که مانند بسیاری از منابع خارجی، ماژولهای جاوا اسکریپت باید از همان مبدا HTML بارگیری شوند و URLهای واجد شرایط نیستند. دو راه حل برای رفع این مشکل وجود دارد:
- راه حل پیشنهادی ما راهاندازی یک سرور تست محلی است. با اجرای برنامه سرور و ارائه فایلهای و روی پورت ۸۰۰۰، مرورگر خود را باز کنید و به بروید.
- اگر نمیتوانید یک سرور محلی را اجرا کنید، میتوانید به جای از نیز استفاده کنید. برای اطلاعات بیشتر به استراتژیهای بارگیری اسکریپت در زیر مراجعه کنید. اما توجه داشته باشید که ویژگیهایی که در سایر بخشهای آموزش استفاده میکنیم، ممکن است به هر حال به یک سرور HTTP محلی نیاز داشته باشند.
5. حالا وبسایت درست مثل قبل کار میکند، اما حالا ما جاوا اسکریپت خود را در یک فایل خارجی داریم. این به طور کلی از نظر سازماندهی کد شما و قابل استفاده مجدد کردن آن در چندین فایل HTML چیز خوبی است. به علاوه، خواندن HTML بدون حجم زیادی از اسکریپت که در آن ریخته شده است، آسانتر است.
کنترلکنندههای درونخطی جاوااسکریپت
توجه داشته باشید که گاهی اوقات با بخشهایی از کد جاوا اسکریپت واقعی که درون HTML قرار دارند، مواجه خواهید شد. این کدها ممکن است چیزی شبیه به این باشند:
این نسخه آزمایشی دقیقاً همان عملکرد دو بخش قبلی را دارد، با این تفاوت که عنصر شامل یک کنترلکننده onclick درونخطی است تا هنگام فشردن دکمه، تابع اجرا شود.
لطفاً این کار را نکنید. آلوده کردن HTML خود با جاوا اسکریپت، رویه بدی است و ناکارآمد است - شما باید ویژگی را روی هر دکمهای که میخواهید جاوا اسکریپت روی آن اعمال شود، قرار دهید.
به جای آن از addEventListener استفاده کنید
به جای استفاده از جاوا اسکریپت در HTML خود، از یک ساختار جاوا اسکریپت خالص استفاده کنید. تابع به شما امکان میدهد تمام دکمههای یک صفحه را انتخاب کنید. سپس میتوانید با استفاده از دکمهها را پیمایش کنید و برای هر کدام یک handler اختصاص دهید. کد این کار در زیر نشان داده شده است:
این ممکن است کمی طولانیتر از ویژگی onclick باشد، اما برای همه دکمهها کار میکند - مهم نیست چند تا در صفحه باشند، و چه تعدادی اضافه یا حذف شدهاند. نیازی به تغییر جاوا اسکریپت نیست.
نسخه خود را ویرایش کنید و چند دکمه دیگر به فایل اضافه کنید. وقتی صفحه را دوباره بارگذاری میکنید، باید ببینید که همه دکمهها با کلیک روی آنها یک پاراگراف ایجاد میشوند. عالی، نه؟
استراتژیهای بارگذاری اسکریپت
تمام HTML موجود در یک صفحه به ترتیبی که ظاهر میشوند، بارگذاری میشوند. اگر از جاوا اسکریپت برای دستکاری عناصر صفحه (یا به طور دقیقتر، مدل شیء سند) استفاده میکنید، اگر جاوا اسکریپت قبل از HTML مورد نظر شما بارگذاری و تجزیه شود، کد شما کار نخواهد کرد.
چند استراتژی مختلف وجود دارد تا مطمئن شوید که جاوا اسکریپت شما فقط پس از تجزیه HTML اجرا میشود:
در مثال داخلی جاوا اسکریپت بالا، عنصر اسکریپت در پایین بدنه سند قرار میگیرد و بنابراین فقط پس از تجزیه بقیه بدنه HTML اجرا میشود.
در مثال خارجی جاوا اسکریپت بالا، عنصر اسکریپت در بالای سند، قبل از تجزیه بدنه HTML قرار میگیرد. اما از آنجا که ما از استفاده میکنیم، کد به عنوان یک ماژول در نظر گرفته میشود و مرورگر قبل از اجرای ماژولهای جاوا اسکریپت منتظر پردازش تمام HTML میماند. (همچنین میتوانید اسکریپتهای خارجی را در پایین بدنه قرار دهید. اما اگر HTML زیادی وجود داشته باشد و شبکه کند باشد، ممکن است زمان زیادی طول بکشد تا مرورگر حتی بتواند شروع به دریافت و بارگذاری اسکریپت کند، بنابراین قرار دادن اسکریپتهای خارجی در head معمولاً بهتر است.)
- اگر هنوز میخواهید از اسکریپتهای غیر ماژولی در head سند استفاده کنید، که میتواند مانع نمایش کل صفحه شود و میتواند باعث خطا شود زیرا قبل از تجزیه HTML اجرا میشود:
- برای اسکریپتهای خارجی، باید ویژگی defer (یا اگر نیازی به آماده بودن HTML ندارید، async) را به عنصر اضافه کنید.
- برای اسکریپتهای داخلی، باید کد را در یک شنونده رویداد DOMContentLoaded قرار دهید.
این موضوع در حال حاضر فراتر از محدوده آموزش است، اما مگر اینکه نیاز به پشتیبانی از مرورگرهای بسیار قدیمی داشته باشید، لازم نیست این کار را انجام دهید و میتوانید به جای آن از استفاده کنید.
همانند HTML و CSS، میتوان در کد جاوا اسکریپت خود کامنت نوشت که توسط مرورگر نادیده گرفته میشود و برای ارائه دستورالعمل به توسعهدهندگان دیگر در مورد نحوه عملکرد کد (و شما، اگر پس از شش ماه به کد خود برگردید و نتوانید به خاطر بیاورید که چه کاری انجام دادهاید) وجود دارد. کامنتها بسیار مفید هستند و شما باید اغلب از آنها استفاده کنید، به خصوص برای برنامههای بزرگتر. دو نوع کامنت وجود دارد:
یک کامنت تک خطی بعد از یک اسلش دوتایی (//) نوشته میشود، به عنوان مثال
یک کامنت چند خطی بین رشتههای /* و */ نوشته میشود، مثلاً
بنابراین برای مثال، میتوانیم کد جاوا اسکریپت آخرین نسخه آزمایشی خود را با کامنتهایی مانند زیر حاشیهنویسی کنیم:
به طور کلی، کامنتهای بیشتر معمولاً بهتر از کامنتهای کمتر هستند، اما اگر متوجه شدید که برای توضیح متغیرها (شاید نام متغیرهای شما باید قابل فهمتر باشد) یا برای توضیح عملیات بسیار ساده (شاید کد شما بیش از حد پیچیده است) کامنتهای زیادی اضافه میکنید، باید مراقب باشید.
