آموزش ایجاد کلاس در جاوا اسکریپت

آموزش وب ، javascript ،
406 بازدید
آموزش ایجاد کلاس در جاوا اسکریپت
آموزش استفاده از کلاس در جاوا اسکریپت

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

اگر با برنامه نویسی ای مثل C# کار کرده باشید باید بدانید که این برنامه نویسی به دلیل داشتن امکان Namespace که برای هر فایل ایجاد می شود ، چنین مشکلی ندارد و متغیر های هر قسمت را به طور خودکار از دیگر قسمت ها جدا می کند. اما ما در جاوا اسکریپت باید خودمان این کار را انجام بدهیم. البته باید بگویم که این کار بسیار جالب است. (من که از کار کردن با کلاس های Javscript کلی لذت می برم)

کلاس چیست؟

خیلی ساده شروع می کنم. کلاس چیست؟

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

تعریف کلاس جاوا اسکریپت

شکل کلی تعریف کلاس در جاوا اسکریپت خیلی راحت است و مانند متغیر ها تعریف می شوند. یعنی به این شکل:

<<<code>>>

var aNewClass = // نام انتخاب شده به دلخواه است

{

   /* در اینجا توابع و متغیر ها اضافه می شوند */

};

<<</code>>>

ایجاد تابع و متغیر در کلاس

قسمتی که شاید کمی برای بعضی ها مشکل ساز باشد همین قسمت است. با مثال توضیح می دهم:

<<<code>>>

var aNewClass =

{

   aIntVariable: 25,

   aFunction: function( aArgument ){ return this.aIntVariable; }

};

<<</code>>>

قسمت های قرمز نام های انتخاب شده هستند و به طور دلخواه انتخاب شده اند.

قسمت آبی رنگ آرگومانی است که برای تابع تعریف شده است.

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

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

مهم: به چگونگی تعریف یک تابع در کلاس توجه کنید.

فراخوانی تابع یا مقدار کلاس

برای این کار به شکل زیر عمل می کنیم:

<<<code>>>

var getReturnOfFunction = aNewClass.aFunction( "toolstheme" );

var getVariable = aNewClass.aIntVariable;

<<</code>>>

اگر سوالی دارید در بخش نظرات حتما بپرسید. برای جواب دادن مشتاقم. نیشخند

رمز تمام فایل های فشرده
رمز فایل فشرده است.