بنر بالای مطالب

banner

دستورات در جاوا اسکریپت (statements)

ویژه دستورات در جاوا اسکریپت (statements)

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

درس ششم: دستورات در جاوا اسکریپت (statements) در دروس قبلی به طور مختصر در مورد دستورات جاوا اسکریپت و انواع و نحوه استفاده آن ها صحبت کردیم اما در این درس قصد داریم تا بیشتر با مبحث دستورات اشنا بشویم.پس با ما همراه باشید.
در HTML ، دستورات جاوا اسکریپت همان دستورالعمل ها هستند که توسط مرورگر اجرا میشوند.

دستورات جاوا اسکریپت:

بطور مثال دستور زیر به مرورگر میگه که جمله asarayan رو در خروجی نمایش بده که نمایش این جمله درون یک المنت یا همون عنصر با آی دی demo انجام میگیره: (id="demo")

المنت یا همون عنصر با آی دی demo

 

<p id="demo"></p>
<script>
//پیدا کردن المنت با آی دی demo به وسیله getElementById و تغییر محتوای آن به asarayan
document.getElementById("demo").innerHTML = "asarayan;"
</script>

 

 

برنامه های جاوا اسکریپت (Programs):

بیشتر برنامه های جاوا اسکریپت محتوی مقدار زیادی دستورات جاوا اسکریپت هستند . دستورات ، یکی پس از دیگری ، به ترتیب نوشته شدنشان (از بالا به پایین) اجرا می شوند. در مثال زیر x,y و z مقادیری را می گیرند و در نهایت مقدار مجود در z نمایش داده می شود:

المنت یا همون عنصر با آی دی demo

 

<p id="demo"></p>
<script>
//ایجاد متغیر های x,y,z به وسیله کلمه کلیدی var
var x = 5;
var y = 6;
//جمع دو عدد موجود در x و y و ذخیره آن در z
var z = x + y;
//پیدا کردن المنت با آی دی demo به وسیله getElementById و تغییر محتوای آن به مقدار موجود در z
document.getElementById("demo").innerHTML = z;
</script>

 

 

در مثال فوق نتیجه جمع دو عدد 5 و 6 در z ذخیره و در نهایت مقدار 11 در خروجی نمایش داده می شود.نکته:به دستورات و برنامه های جاوا اسکریپت اقلب کد جاوا اسکریپت گفته می شود.

 

علامت semicolon;

 

 

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

 

a =5; b =6; c = a + b;

 

 

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

 

var person ="Hege";
var person="Hege";

 

 

این عمل برای قرار دادن فضای خالی بین عملگرهای ریاضی ( = + - * / ) سودمند می باشد:var x = y + z;

طول خطوط و شکستن خطوط در جاوا اسکریپت :

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

 

document.getElementById("demo").innerHTML =
"Hello Dolly.";

 

 

در مثال فوق ادامه خط بعد از علامت = شکسته شده و به سطر بعدی رفته است.این عمل در اجرا و خروجی دستورات هیچ تاثیری ندارد.

بلوک های کد در جاوا اسکریپت (Code Blocks):

می توان دستورات جاوا اسکریپت را در کنار هم به صورت گروهی در یک بلوک ، درون یک براکت {...}قرار داد.هدف از بلوک بندی کدها اجرای دستورات معین شده با یکدیگر می باشد.یک روش برای استفاده بلوک های دستورات گروه بندی شده ، فانکشن های جاوا اسکریپت می باشد:

 

ایجاد المنتهای مورد نظر با آی دی دلخواه
<p id="myPar">I am a paragraph.</p>
<div id="myDiv">I am a div.</div>
ایجاد دکمه که با فشردن آن فانکشن مورد نظر اجرا میشود
<button type="button" onclick="myFunction()">Try it</button>
<script>
ایجاد یک فانکشن با نام دلخواه داخل بلوک
function myFunction() {
تغییر محتوای المنتهای مورد نظر
   document.getElementById("myPar").innerHTML = "Hello mahdi;"
   document.getElementById("myDiv").innerHTML = "How are you;"
{
</script>

 

 

در مثال فوق کدهای موجود در بخش فانکشن پس از کلیک روی دکمه button اجرا و نتیجه به شکل زیر چاپ می شود:

 

Hello mahdi
How are you

 

 

در درس های آینده بصورت کامل فانکشن ها را آموزش خواهیم داد.

کلمات کلیدی در جاوا اسکریپت (keyword):

قالبا دستورات جاوا اسکریپت با یک کلمه کلیدی یا همون keyword برای شناسایی نوع اقدامی که جاوا اسکریپت باید انجام بده شروع میشه.

در جدول زیر لیست کلمات کلیدی و توضیحات مربوط به آنها رو مشاهده می کنید:

در دروس آتی به بررسی هریک از آنها خواهیم پرداخت.

نکته:کلمات کلیدی بصورت رزرو شده می باشند و نمی توان از آنها برای نام متغیر ها استفاده کرد.

ردیف نام کلمه کلیدی (keyword) توضیحات
1 break برای خاتمه دادن به یک حلقه یا سوئیچ
2 continue بیرون پریدن از یک حلقه و شروع از ابتدا
3 debugger توقف اجرای جاوا اسکریپت و فرا خوانی فانکشن دیباگر(خطا یاب)
4 do ... while اجرای بلوک دستورات و تکرار آن تا زمانی که شرط صحیح است
5 for اجرای بلوک دستورات ، تا زمانی که شرط درست باشد
6 function ایجاد یک فانکشن (عملکرد)
7 if ... else اجرای بلوک دستورات که با یک شرط
8 return خروج از یک فانکشن
9 switch اجرای بلوک دستورات با چندین شرط
10 try ... catch مدیریت خطای مربوط به بلوک دستورات
11 var تعریف یک متغیر

این آموزش همچنان ادامه دارد...

آخرین بروز رسانییکشنبه, 24 آبان 1394 10:19

نوشتن دیدگاه

تصویر امنیتی
تصویر امنیتی جدید

آخرین مطالب آموزشی

«
  • 1
  • 2
  • 3
»
تک وب دیزاین-قالب فارسی جوملا