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

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

جاوا اسکریپت به بزرگ یا کوچک بودن حروف حساس است.

در طراحی سایت ،برخلاف html ، جاوا اسکریپت به بزرگ یا کوچک بودن حروف حساس است و در مواقع نام گذاری توابع و تعاریف باید به این موضوع توجه کرد عدم رعایت این نکته موجب بروز خطا در صفحه خواهد شد و هر یک از دستورات و کلمات کلیدی در جاوا اسکریپت فقط به یک صورت که استاندارد باشد نوشته شوند . در مثال زیر ۲ متغیر با نام های یکسان ، ولی متفاوت در بزرگ یا کوچک بودن حروف به نام های “Matn” و “matn” ایجاد و مقدار دهی شده اند . خروجی کد نشان می دهد که این دو متغیر کاملا با هم متفاوت هستند و هر یک مقدار مخصوص به خود را دارند :

<script type=”text/javascript”>
var matn = “This is a Variable .” ;
var Matn = “This is another Variable .” ;
document.write ( matn ) ;
document.write ( Matn ) ;
</script>     کد
خروجی :  This is a Variable .This is another Variable .

در طراحی سایت شکل صحیح نوشتن متد چاپ خروجی در جاوا اسکریپت به صورت documnet.write است . در مثال زیر ابتدا دستور را به شکل نادرست و با حروف بزرگ به صورت Documnet.Write نوسته ایم ، که باعث ایجاد خطا در صفحه شده و خروجی نداریم . اما در حالت دوم آنرا به شکل صحیح نوشته ایم ، که خروجی درست را نیز مشاهده می کنیم :

<script type=”text/javascript”>
var Str = “An Investigation for Development” ;
Document.Write ( Str ) ;
</script>
خروجی :

<script type=”text/javascript”>
var Str = “An Investigation for Development” ;
document.write ( Str ) ;
</script>
خروجی :  An Investigation for Development

جاوا اسکریپت فواصل خالی اضافی در کدنویسی را نادیده می گیرد

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

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

در هنگام طراحی سایت ، تعریف و استفاده از عبارت های متنی در دستوراتی نظیر document.write و … ، می توان ادامه متن را به کمک یک کاراکتر \ به سطر بعدی انتقال داد . این مسئله در زمانی که عبارت های متنی طولانی استفاده می شود ، کاربرد دارد .

<script type=”text/javascript”>
document.write ( “Java Script is a client side language . \
It`s codes executes in the computer of visitor ” ) ;
</script>
خروجی : Java Script is a client side language . It`s codes executes in the computer of visitor

درج توضیحات ( comments ) مورد نظر در بخش کد نویسی

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

۱ . توضیحات یک خطی : این توضیات به کمک دو بک اسلش // به صورت زیر وارد می شود . توضیحات ارائه شده به این صورت حداکثر می تواند در یک خط باشد . به مثال زیر دقت کنید . در این مثال خط اول یک comment خط دوم یک دستور چاپ خروجی است . همانظور که در خروجی کد مشخص است ، دستور چاپ در طراحی سایت توسط مرورگر اجرا شده ولی comment نمایش داده نمی شود :

<script type=”text/javascript”>
// this is a one line comment . navigator won`t show it .
document.write ( “How to write a comment” ) ;
</script>
خروجی : How to write a comment

۲ . توضیحات چند خطی : با استفاده از یک نماد */ در ابتدای اولین خط توضیحات و یک نماد /* در آخرین خط توضیحات ، می توان توضیحات چند خطی در اسکریپت ها وارد کرد . از این حالت برای ارائه توضیحات طولانی استفاده می شود . به مثال زیر دقت کنید . در این مثال هم یک دستور و یک comment چند خطی قرار داده شده است . دستور توسط مرورگر اجرا شده ، ولی comment نمایش داده نمی شود :

<script type=”text/javascript”>
/* this is a multi line comment . navigator won`t show it .
We use it for long comments .
It can be several lines */

document.write ( “How to write a multi line comment” ) ;
</script>     کد
خروجی : How to write a multi line comment

منبع: sitedesign-co.com