نکات مهم در کد نویسی جاوا اسکریپتReviewed by Datacss.ir on Oct 26Rating:

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

 

 

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

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

در طراحی سایت ،برخلاف 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

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

نشانی ایمیل شما منتشر نخواهد شد.

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

فهرست
Call Now Buttonتماس سریع