BiTJoO

زبان جاوا اسکریپت چیست؟

زبان جاوا اسکریپت (اغلب به JS کوتاه می شود) یک زبان ساده، تفسیر شده و شی گرا با توابع درجه یک است و بیشتر به عنوان زبان برنامه نویسی برای صفحات وب شناخته می شود، اما در بسیاری از محیط های غیر وب سایت نیز استفاده می شود.

یک تعریف ساده از جاوا اسکریپت

این زبان یک زبان برنامه نویسی مبتنی بر نمونه اولیه و چند پارادایم است که پویا و از سبک های برنامه نویسی شی گرا، ضروری و کاربردی پشتیبانی می کند.

جاوا اسکریپت در سمت مشتری وب اجرا می شود که می تواند برای طراحی/برنامه ریزی نحوه رفتار صفحات وب در هنگام وقوع یک رویداد مورد استفاده قرار گیرد.

جاوا اسکریپت یک زبان برنامه نویسی آسان برای یادگیری و همچنین قدرتمند است که به طور گسترده برای کنترل صفحه وب استفاده می شود.

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

چه نوع پیاده سازی هایی برای جاوا اسکریپت در دسترس است؟

پروژه موزیلا دو پیاده سازی جاوا اسکریپت را ارائه می کند. اولین جاوا اسکریپت توسط برندان ایچ در نت اسکیپ ایجاد شد و از آن زمان برای مطابقت با ECMA-262 نسخه 5 و نسخه های بعدی به روز شده است.

این موتور با نام رمز SpiderMonkey در C/C++ پیاده سازی شده است. موتور راینو، که توسط نوریس بوید (همچنین در نت اسکیپ) ایجاد شده، یک پیاده سازی جاوا اسکریپت است که به زبان جاوا نوشته شده مثل: SpiderMonkey، Rhino که با ECMA-262 Edition 5 سازگار است.

جاوا اسکریپت چه کاری انجام می دهد؟

زبان javascript سمت کلاینت اصلی شامل برخی از ویژگی های برنامه نویسی رایج است که به شما امکان می دهد کارهایی مانند:

const para = document.querySelector(‹p›);

para.addEventListener(‹click›, updateName);

function updateName() {

const name = prompt(‹Enter a new name›);

para.textContent = `Player 1: ${name}`;

}

• مقادیر مفید را درون متغیرها ذخیره کنید. به عنوان مثال، در مثال بالا، ما درخواست می کنیم که یک نام جدید وارد شود و سپس آن نام را در متغیری به نام name ذخیره کنیم.

• عملیات روی قطعات متن (در برنامه نویسی به عنوان «رشته» شناخته می شود).

در مثال بالا، رشته «Player 1:» را می گیریم و آن را به متغیر نام وصل می کنیم تا برچسب متن کامل را ایجاد کنیم، به عنوان مثال. «بازیکن 1: کریس».

• اجرای کد در پاسخ به رویدادهای خاصی که در یک صفحه وب رخ می دهد. ما از یک رویداد کلیک در مثال بالا استفاده کردیم تا تشخیص دهیم که چه زمانی روی دکمه کلیک می‌شود و سپس کدی را اجرا می‌کنیم که برچسب متن را به‌روزرسانی می‌کند.

 

 زبان جاوا اسکریپت در صفحه سایت شما چه می کند؟

در اینجا ما شروع به بررسی برخی از کدها خواهیم کرد، و در حین انجام این کار، بررسی می کنیم که وقتی جاوا اسکریپت را در صفحه خود اجرا می کنید واقعاً چه اتفاقی می افتد.

بیایید به طور خلاصه داستان اتفاقی که هنگام بارگذاری یک صفحه وب در مرورگر رخ می دهد را مرور کنیم.

هنگامی که یک صفحه وب را در مرورگر خود بارگذاری می کنید، کد خود (HTML، CSS و جاوا اسکریپت) را در یک محیط اجرایی (برگه مرورگر) اجرا می کنید.

درست مانند کارخانه ای است که مواد خام (کد) را می گیرد و یک محصول (صفحه وب) را تولید می کند.

امنیت مرورگر

هر برگه مرورگر دارای سطل جداگانه خود برای اجرای کد است (این سطل ها در اصطلاح فنی «محیط های اجرایی» نامیده می شوند)، این بدان معنی است که در بیشتر موارد کد در هر برگه به طور کامل جداگانه اجرا می شود و کد در یک تب نمی تواند مستقیماً اجرا شود.

چرا از زبان جاوا اسکریپت نسبت به سایر زبان های برنامه نویسی استفاده کنیم؟

جدای از امکانات نامحدود، دلایل زیادی وجود دارد که توسعه دهندگان وب از جاوا اسکریپت نسبت به سایر زبان های برنامه نویسی استفاده کنند:

• زبان جاوا اسکریپت تنها زبان برنامه نویسی بومی مرورگر وب است

• این زبان محبوب ترین زبان است

• آستانه پایینی برای شروع وجود دارد

• این یک زبان سرگرم کننده برای یادگیری است

دستور اجرای جاوا اسکریپت

هنگامی که مرورگر با بلوکی از جاوا اسکریپت مواجه می شود، معمولاً آن را به ترتیب از بالا به پایین اجرا می کند. این بدان معنی است که باید مراقب باشید که چیزها را به چه ترتیبی قرار می دهید.

به عنوان مثال، اجازه دهید به بلوک جاوا اسکریپت که در مثال اول خود دیدیم برگردیم:

Const para = document.querySelector(‘p’);

Para.addEventListener(‘click’, updateName);

Function updateName() {

Const name = prompt(‘Enter a new name’);

Para.textContent = `Player 1: ${name}`;

}

در اینجا ما یک پاراگراف متنی (خط 1) را انتخاب می کنیم، سپس یک شنونده رویداد را به آن متصل می کنیم (خط 3) به طوری که وقتی روی پاراگراف کلیک می شود، بلوک کد updateName() (خطوط 5-8) اجرا می شود.

بلوک کد ()updateName (این نوع بلوک‌های کد قابل استفاده مجدد «توابع» نامیده می‌شوند) از کاربر یک نام جدید می‌خواهد، و سپس آن نام را در پاراگراف وارد می‌کند تا نمایشگر به‌روزرسانی شود.

کد تفسیر شده در مقابل کد کامپایل شده

ممکن است اصطلاحاتی را بشنوید که در زمینه برنامه نویسی تفسیر و کامپایل شده اند. در زبان های تفسیر شده، کد از بالا به پایین اجرا می شود و نتیجه اجرای کد بلافاصله برمی گردد.

قبل از اجرای مرورگر، لازم نیست کد را به شکل دیگری تبدیل کنید. کد به شکل متنی مناسب برای برنامه نویس دریافت می شود و مستقیماً از آن پردازش می شود.

از طرف دیگر زبان های کامپایل شده قبل از اجرا توسط کامپیوتر به شکل دیگری تبدیل می شوند (کامپایل می شوند). به عنوان مثال، C/C++ در کد ماشین کامپایل می شود که سپس توسط کامپیوتر اجرا می شود.

این برنامه از یک فرمت باینری که از کد منبع اصلی برنامه تولید شده است اجرا می شود.

چگونه جاوا اسکریپت را به صفحه خود اضافه کنید؟

جاوا اسکریپت در صفحه HTML شما به روشی مشابه CSS اعمال می شود. در حالی که CSS از عناصر <link> برای اعمال شیوه نامه های خارجی و عناصر <style> برای اعمال شیوه نامه های داخلی در HTML استفاده می کند، جاوا اسکریپت فقط به یک کد در دنیای HTML نیاز دارد و آن عنصر <script> است.

مزایای استفاده از زبان جاوا اسکریپت

تعامل

وب سایت های جاوا اسکریپت برای کاربران تعاملی تر و جذاب تر هستند زیرا این زبان رابط های غنی تر و جذاب تری ایجاد می کند.

سرعت

وب‌سایت‌ها با سرعت بالاتری بارگیری می‌شوند و کار می‌کنند، چون جاوا اسکریپت می‌تواند بلافاصله در مرورگر اجرا شود، در نتیجه تقاضا برای سرور کاهش می‌یابد.

سهولت

پیاده سازی آن ساده است و استفاده از آن اغلب به سطح پایه ای از دانش نیاز دارد.

یکپارچه سازی

جاوا اسکریپت با اکثر زبان های برنامه نویسی دیگر به خوبی کار می کند و امکان ادغام در مجموعه ای از برنامه های مختلف را فراهم می کند.

محبوبیت

این زبان فوق العاده محبوب است، اکثر وب سایت ها بدون توجه به ماهیت وب سایت از جاوا اسکریپت استفاده می کنند.

نتیجه گیری

استفاده از جاوا اسکریپت معایب زیادی ندارد. مسئله اصلی این است که امکان نقض امنیتی سمت کلاینت در کد جاوا اسکریپت وجود دارد، زیرا برای کاربران قابل مشاهده است.

با وجود این، جاوا اسکریپت محبوب ترین زبان برنامه نویسی در حال حاضر است.

و با توجه به اینکه یک زبان برنامه نویسی بومی برای مرورگرهای وب است، ارزش آن را دارد که برنامه نویسان جدید اصول اولیه را بیاموزند و از آنها در پروژه های مختلف استفاده کنند.

منبع: businessinsider.com