loading...

ابزارها قالب

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

تبلیغات
تبلیغات ارزان و پربازدهتبلیغات ارزان و پربازده
آخرین ارسال های انجمن
حمیدرضا بازدید : 1376 جمعه 02 بهمن 1394 نظرات (0)

یکی از امکانات بسیار کاربردی جاوا اسکریپت امکان ایجاد کلاس (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>>>

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

مطالب مرتبط
ارسال نظر برای این مطلب

نام
ایمیل (منتشر نمی‌شود)
وبسایت
:) :( ;) :D ;)) :X :? :P :* =(( :O @};- :B :S
کد امنیتی
رفرش
کد امنیتی
نظر خصوصی
مشخصات شما ذخیره شود ؟ [حذف مشخصات] [شکلک ها]
ابزارهای خاص
جعبه ی پیوند لینک کوتاه کن رایگان ارزیابی آنلاین سایت و وبلاگ به صورت رایگان
تبلیغات
تبلیغات ارزان و پربازدهتبلیغات ارزان و پربازده
تبلیغات متنی
درباره ما
لوگوی ابزارها قالب
سایت ابزارها قالب برای خاص بودن آفریده شده است. به امید این که خاص ترین باشیم.
اطلاعات کاربری
  • فراموشی رمز عبور؟
  • تبلیغات
    تبلیغات ارزان و پربازدهتبلیغات ارزان و پربازده

    آمار سایت
  • کل مطالب : 215
  • کل نظرات : 269
  • افراد آنلاین : 1
  • تعداد اعضا : 3196
  • آی پی امروز : 39
  • آی پی دیروز : 115
  • بازدید امروز : 225
  • باردید دیروز : 822
  • گوگل امروز : 3
  • گوگل دیروز : 6
  • بازدید هفته : 1,838
  • بازدید ماه : 10,335
  • بازدید سال : 101,705
  • بازدید کلی : 1,788,140
  • کدهای اختصاصی
    یادبود 175 شهید غواص
    یادبود 175 شهید غواص