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

اصول کد نویسی در جاوا اسکریپت

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

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

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


قوائد کدنویسی جاوا اسکریپت

قوائد برنامه نویسی ، دستورالعمل های برنامه نویسی هستند . آنها به طور معمول شامل موارد زیر می شوند:

  • قوانین نامگذاری و تعریف متغیرها و توابع.
  • قوانینی برای استفاده از فضای خالی ، تورفتگی و نظرات.
  • شیوه ها و اصول برنامه نویسی

قوائد برنامه نویسی کیفیت را حفظ می کنند :

  • خوانایی کد را بهبود می بخشد
  • تعمیر و نگهداری کد را آسان تر می کند

قوائد برنامه نویسی می توانند قوانینی مستند برای تیم ها باشند که از آنها پیروی کنند ، یا فقط راهنمای کدنویسی فردی شما باشند.

در این صفحه قوائد عمومی کد جاوا اسکریپت که توسط اکثر برنامه نویسان استفاده می شود ، توصیف می گردد.
همچنین باید درس بعدی “بهترین روش ها کد نویسی در جاوا اسکریپت” را بخوانید ، و یاد بگیرید که چگونه از مشکلات کدنویسی جلوگیری کنید.


قوانین نام گذاری متغیرها در جاوا اسکریپت

در پارسی وب ما از حالت camelCase برای نوشتن نام (متغیرها و توابع) استفاده می کنیم.

همه نام ها با یک حرف شروع می شوند .

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


فضاهای اطراف عملگرها

همیشه دو طرف عملگر ها (= + – * /) و بعد از ویرگول، فضای خالی قرار دهید:

مثالها



تورفتگی کد

همیشه برای تورفتگی کد های یک بلوک از 2 عدد فاصله استفاده کنید:

کارکرد:

برای ایجاد تورفتگی از کلید تب (tab) استفاده نکنید. ویرایشگر های مختلف ، اندازه های مختلفی برای تب ها در نظر می گیرند.


قوانین عبارت ها

قوانین کلی برای عبارات ساده:

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

مثالها

قوانین کلی برای عبارات پیچیده (مرکب):

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

تابع:

حلقه:

عبارت شرطی:


قوانین شیء

قوانین کلی برای تعریف اشیاء :

  • پرانتز باز را در همان خط نام شیء قرار دهید.
  • بین هر خاصیت و مقدار آن از دو نقطه و یک فاصله استفاده کنید.
  • از (کوتیشن) نقل قول ها در اطراف مقادیر رشته ای استفاده کنید ، نه در اطراف مقادیر عددی.
  • بعد از آخرین جفت خاصیت-مقدار، ویرگول اضافه نکنید.
  • پرانتز بسته را در یک خط جدید قرار دهید بدون اینکه بعد از آن فاصله بزنید.
  • همیشه تعریف شیء (object) را با نقطه ویرگول خاتمه دهید.

مثالها

اشیاء کوتاه را می توان به صورت فشرده ، در یک خط ، فقط با استفاده از فاصله بین ویژگی ها نوشت ، مانند این:


طول خط کمتر از 80

برای خوانایی بیشتر ، از خطوط کمتر از 80 کاراکتر استفاده کنید.

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

مثالها

خودتان آزمایش کنید

قوائد نامگذاری

همیشه برای همه کدهای خود از قوائد نامگذاری یکسان استفاده کنید. مثلا:

  • نام متغیر ها و توابع به صورت camelCase نوشته شود
  • بسیار رایج است که متغیرهای سراسری با حروف بزرگ نوشته شود.
  • ثابت ها (مانند PI) با حروف بزرگ نوشته شود

از کدام حالت hyp-hens ، camelCase یا under_scores برای نام گذاری باید استفاده کرد؟

این سوالی است که برنامه نویسان اغلب در مورد آن بحث می کنند. پاسخ بستگی به این دارد که در چه زبانی از این حالت ها استفاده می کنید:

خط فاصله در HTML و CSS:

ویژگی های المنت ها در HTML5 می توانند با data- شروع شوند. مثل :

(data-quantity, data-price)

CSS از خط فاصله در نام خاصیت ( بعنوان مثال : font-size ) استفاده می کند.

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

Underscore یا زیرخط :

بسیاری از برنامه نویسان ترجیح می دهند از زیرخط (date_of_birth) به ویژه در پایگاه های داده SQL استفاده کنند.

Underscore ها اغلب در اسناد PHP استفاده می شود.

PascalCase:

PascalCase اغلب توسط برنامه نویسان C استفاده می شود.

camelCase :

camelCase توسط خود جاوا اسکریپت، توسط jQuery و سایر کتابخانه های جاوا اسکریپت استفاده می شود.

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


بارگزاری جاوا اسکریپت در HTML

برای بارگذاری اسکریپت های خارجی از سینتکس ساده استفاده کنید (ویژگی type ضروری نیست):


دسترسی به عناصر HTML

نتیجه استفاده از سبک های “نامرتب” HTML ممکن است منجر به خطاهای جاوا اسکریپت شود.

این دو عبارت جاوا اسکریپت نتایج متفاوتی را ایجاد می کنند:

در صورت امکان ، از همان قرارداد نامگذاری جاوا اسکریپت در HTML استفاده کنید.

برای دریافت اطلاعات بیشتر به راهنمای سبک HTML مراجعه کنید .


پسوندهای فایل

فایل های HTML باید پسوند .html داشته باشند (نه .htm ).

فایل های CSS باید پسوند .css داشته باشند .

فایل های جاوا اسکریپت باید پسوند .js داشته باشند .


از حروف کوچک در نام فایل ها استفاده کنید

بیشتر وب سرورها (Apache ، Unix) در مورد نام فایل ها به حروف کوچک و بزرگ حساس هستند:

بعبارت دیگر london.jpg و London.jpg نام دو فایل متفاوت هستند.

وب سرورهای دیگر مانند (Microsoft ، IIS) به حروف کوچک و بزرگ حساس نیستند. یعنی هر سه نام london.jpg و London.jpg یا london.jpg بعنوان یک فایل شناخته می شوند.

اگر از ترکیبی از حروف بزرگ و کوچک استفاده می کنید ، باید بسیار ثابت قدم باشید.

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

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


تاثیر قوائد کدنویسی بر کارایی برنامه

قوائد کدنویسی توسط رایانه ها استفاده نمی شود. اکثر قوائد تأثیر کمی در اجرای برنامه ها دارند.

تورفتگی و فضای خالی اضافی در کد های کوچک مهم نیستند.

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


منبع : W3Schools.com


دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *