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

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

در واقع پس از یادگیری این موارد آماده یادگیری یکی از فریم ورک های جاوااسکریپت هستید.

حلقه ها در جاوااسکریپت

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

در ادامه با بعضی از حلقه های JavaScript بیشتر آشنا می شویم.

حلقه ی For

همانطور که در قطعه کد پایین مشاهده می کنید روش کار با این حلقه بسیار ساده است و برای تکرار یک داده در یک لیست یا ارایه استفاده می شود.

for(let i=0; i<=names.length; i++){
  box += names[i];
}

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

let person = {firstName: "ali", lastName:"mousavi"};

let box = "";
let x;

for(x in person){
  box += person[x];
}

در قطعه کد زیر مشاهده می کنید که می توانیم در یک ارایه گردش کنیم.

let persons = ['ali','mohamad','leyla'];
let x;
for(x of persons){
  document.write(x);
}

توابع در JavaScript

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

در ادامه به برخی از این توابع اشاره می کنیم.

تابع () map

فرض کنید مانند مثال زیر ما یک آرایه از اعداد داریم و می خواهیم جذر آن را محاسبه کنیم بهترین راه برای بدست آوردن این عدد استفاده از تابع () map است.

let num = [2,3,4,5,6,14,24];
let x = num.map(Math.sqrt)

تابع () filter

از این تابع زمانی استفاده می شود که بخواهیم شرطی را بر روی آرایه های خود اعمال کنیم ، با استفاده از تابع () filter این کار به بهترین شکل و کمترین کد امکان پذیر است.

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

let ages = [24,25,33,15,80];

 sendAge(age){

   return age >= 16;
}

chekAge(){
  document.getElementById("demo").innerHTML=ages.filter(sendAge);
}

تابع () includes

با استفاده از این تابع ما بررسی می کنیم که ایا عنصری در یک ارایه وجود دارد یا نه برای مثال تکه کد زیر را در نظر بگیرید: در این کد ما بررسی می کنیم که عضو مورد نظر در این آرایه وجود دارد یا خیر

let persons =["javad","mohamad","ali"];
let x = persons.includes("ali");

تفاوت بین let ، const و var

از موارد مهمی که باید به آن توجه کرد تفاوت و نحوه استفاده بین let ، const و var است.

در ادامه به صورت خلاصه با انواع آنها آشنا می شویم.

let چیست ؟

متغیر های که با let تعریف می شوند block scope هستند و می توانند مقدار جدیدی بگیرند ولی امکان تعریف مجدد آنها وجود ندارد.

Const چیست ؟

ویژگی های const مانند let است با این تفاوت که مقدار متغیری که با const تعریف می شود ثابت است.

Var چیست ؟

تا قبل از معرفی ES6 تنها راه ایجاد متغیر ها استفاده از var بود دامنه متغیر های که با var تعریف می شوند به صورت سراسری یا function scope هستند از مشکلات var می توان به تعریف متغیری دیگر با نام متغیر ی که قبلا با همان نام تعریف شده است اشاره کرد.

در این مقاله می توانید بیشتر با تفاوت بین let ، const و var آشنا شوید.

استفاده از Arrow Function

شما با استفاده از Arrow Function ها می توانید کد های خود را خلاصه تر و به صورت ساده تر بنویسید پس بهتر است قبل از شروع به کار با فریم ورک ها کار با Arrow Function هارا یاد گرفت.

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

امیدوارم این مقاله برای شما مفید بوده باشد.