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

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

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

مفاهیم پایه ای جاوااسکریپت

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

انواع داده در جاوا اسکریپت:

- اعداد

- رشته ها

- بولین

- تعریف نشده یا Undefined

حلقه ها:

حلقه ها در این زبان به شکل زیر هستند:

- حلقه for

- حلقه while

- حلقه foreach

دستورات شرطی:

دستورات شرطی برای بررسی شرط ها مورد استفاده قرار می گیرند. سینتکس آنها بیشتر شامل if و else و دستورات switch می باشد که عملگر های سه گانه اصلی در این زمینه هستند.

آرایه ها و رشته ها در این زبان برنامه نویسی

آرایه ها متغیرهای خاصی هستند که می توانند به صورت همزمان بیشتر از یک متغیر را ذخیره کنند.

از جمله توابع مهم آرایه ها در زبان برنامه نویسی جاوا اسکریپت می توان به موارد زیر اشاره کرد:

- Push: اضافه کردن یک مقدار به انتهای آرایه

- Pop: حذف کردن یک مقدار از انتهای آرایه

- Delete: حذف کردن یک مقدار با استفاده از اندیس آن

- Splice: اضافه کردن به وسط آرایه با حذف کردن برخی از مقادیر

- Concat: متصل کردن دو آرایه به یکدیگر

- Slice: انتقال داده ها از برخی از اندیس های آرایه به برخی از اندیس های دیگر آن

- Sort: مرتب سازی آرایه

- Reverse: برعکس کردن ترتیب آرایه

رشته ها در این زبان برنامه نویسی:

برخی از متدهای معروف و مهم مربوط به رشته ها شامل مواد زیر هستند:

- IndexOf: دریافت اندیس یک کلمه در داخل یک رشته

- Slice: بردن یک محتوا از یک اندیس به اندیس دیگر

- Search: اندیس کلمه ورودی را به شما می دهد

- Substr: یک زیر رشته از اندیس مشخص شده را به شما می دهد

-  Replace: برای جایگزین کردن یک کلمه استفاده می شود

- Split: رشته را با استفاده از یک کاراکتر خاص برای شما جدا می کند

توابع و متدهای پیشرفته در آرایه ها

توابع در جاوا اسکریپت با عبارت کلیدی function تعریف می شوند.

توابع Arrow:

این توابع از قوی ترین متدهای جاوا اسکریپت هستند که محبوبیت زیادی دارند. این تابع یک متد قدرتمند است که به ما این امکان را می دهد تا با سینتکس کوتاه تری کدهای خود را بنویسیم.

برخی از متدهای پیشرفته مربوط به آرایه ها شامل موارد زیر هستند:

Filter: بیشتر برای حذف کردن برخی از داده ها یا مپ کردن آنها داخل یک تابع مورد استفاده قرار می گیرد.

Map: آرایه را با استفاده از یک تابع مپ می کند.

Reduce: بیشتر برای accumulator مورد استفاده قرار می گیرد تا عملیات های ریاضی را با استفاده از آن انجام دهند.

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

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

برخی از عبارت های مرتبط با این مفهوم شامل موارد زیر هستند:

- کلاس: ساختاری برای ساختن اشیا مختلف

- سازنده یا کانستراکتور: تابعی است که توسط خود کلاس زمانی که یک شی تعریف می شود فراخوانی می شود.

- وراثت: زمانی که یک کلاس برخی از ویژگی ها را از یک کلاس دیگر به ارث می برد از کلمه کلیدی extends در آن استفاده می شود.

- نمونه یا شی: نوعی متغیر از یک کلاس است. برای تعریف آن می توان از عبارت new class_name() استفاده کرد.

استفاده از DOM در این زبان برنامه نویسی 

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

متدهای DOM:

getElementById: عنصر را با استفاده از یک id مشخص انتخاب می کند.

querySelector: می تواند عنصر را با هر ID، نام کلاس یا تگ انتخاب کند.

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

توجه داشته باشید متدهای DOM دیگری نیز وجود دارند اما مواردی که در این بخش معرفی کردیم بسیار بیشتر از سایر متدها مورد استفاده قرار می گیرند و کاربرد دارند.

Event Listener ها در جاوا اسکریپت

زمانی که اتفاق خاصی افتاد ما می توانیم event listener را برای انجام دادن کار خاصی پس از اتفاق مذکور اضافه کنیم. به عنوان مثال زمانی که روی یک دکمه کلیک می شود تایمر را آغاز کنیم که در چنین شرایطی برای انجام این کار می توانیم یک click event listener اضافه کنیم.

- Click: با کلیک روی یک عنصر تابع مربوط به آن اجرا می شود.

- Mousemove: هنگام حرکت دادن موس عمل خاصی انجام می شود.

انواع دیگری از event listener ها نیز وجود دارند که مهم ترین آنها را در این بخش به شما معرفی کردیم.

جاوا اسکریپت دارای مفاهیم بسیار قدرتمند دیگری نیز می باشد که می توانید آنها را بیاموزید و از جمله آنها می توان به closures، iterator ها و generator ها اشاره کرد. جاوا اسکریپت همچنین از متدولوژی  asynchronous نیز پشتیبانی می کند که این مسئله با استفاده از فراخوانی ها، promise ها و async & await اتفاق می افتد. برخی از مفاهیم دیگری که باید در این زبان بیاموزید AJAX و JSON می باشد.

نتیجه گیری

شما می توانید کارهای مختلفی را با زبان برنامه نویسی جاوا اسکریپت انجام دهید. فریم ورک های زیادی در این زبان برای توسعه فرانت اند و بک اند وجود دارند. از جمله این فریم ورک ها می توان به فریم ورک هایی مانند NodeJS، ReactJS، VueJS، AngularJS و ... اشاره کرد.

اگر قصد دارید یک برنامه موبایل بسازید React Native می تواند یکی از بهترین گزینه ها برای شما باشد که به شما کمک می کند تا بتوانید بهترین برنامه های مخصوص موبایل را بسازید. TensorflowJS نیز می تواند برای انجام پروژه های یادگیری ماشین بسیار مفید و کاربردی باشد. امروزه محدوده این زبان برنامه نویسی بسیار گسترده تر شده است و امیدواریم شما این زبان را به عنوان زبان اصلی خود در سال 2021 انتخاب کنید.