آموزش Java Script (ساختار Java Script)

[saeedtrb]

سلام دوستان براي درك بهتر و يادگيري ساده تر زبان شيرين java script براي عزيزاني كه قصد فراگيري
زبان Java script رو دارن مجموعه آموزشي تصويري رو در اين تاپيك مي زارم تا همه بتونند استفاده كنند.
قسمت اول اين مجموعه شامل بخش هاي زير مي شود

آشنايي با جاوا اسكريپت و مفهوم اسكريپت نويسي
آشنايي با چگونگي استفاده از فرامين جاوا اسكريپت
آشنايي با مفاهيم متغيير ها وداده
انواع متغييرها:
نحوه تعريف متغيير در جاوا اسكريپت
نامگذاري متغيير ها
آشنايي با كلمات رزرو شده
متغيير هاي محلي و سراسري
ثابت ها

شما مي توانيد قسمت اول اين مجموعه رو از لينك زير دانلود كنيد
http://dssdesigner.gigfa.com/37/#more-37
با نظرات گرم خود به ما در اين آموزش كمك كنيد

[saeedtrb]

سلام دوستان
قسمت دوم اين مجموعه شامل بخش هاي زير مي شود

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

شما مي توانيد قسمت اول اين مجموعه رو از لينك زير دانلود كنيد
http://dssdesigner.gigfa.com/%D8%A2%D9%85%D9%88%D8%B2%D8%B4-java-script-%D8%B9%D9%85%D9%84%DA%AF%D8%B1%D9%87%D8%A7-%D9%88-%D8%AA%D9%88%D8%A7%D8%A8%D8%B9/

[saeedtrb]

سلام دوستان در اين قسمت با اصول ارزيابي متغيير ها و ساختار و انواع آنها آشنا خواهيد شد

يكي از مهمترين قابليت هاي هر زبان ارزيابي متغييرها مي باشد. با ارزيابي مقدار متغيير با استفاده از دستورات شرطي و كنترلي مي توانيد به برنامه رو به نحوي اجرا كنيد كه اگر مقدار متغيير با شرطي برابر بود دستورات با رويدادخاصي را اجرا كند

عملگرهاي مقايسه اي انواع مختلفي دارند كه شما مي توانيد بنا به شرايط مختلفي كه مي خواهيد در طول برنامه در نطر بگيريد از آنها استفاده كنيد.

عملگرهاي مفايسه اي داراي انواع زير مي باشد

if
if….else
if…else if…..else
switch

عبارت if

در زماني كه بخواهيد بعضي از كدها در صورت درست بودن يك شرط اجرا شود از اين عبارت ميتوانيد استفاده كنيد به مثال زير توجه كنيد.

يه ماشين در نظر بگيريد

حالا مي توانيد شرط بزاريد كه اگر ماشين استارت خورد ماشين روشن شود

در مثال فوق مي بينيم كه بدنه شرط ما از دو قسمت تشكيل شده كه بخش اول شرط ما كه با اگر شروع و بعد شرط خود را بيان كرديم و بخش دوم پاسخ و عكس العمل در مقابل آن شرط را بيان كرديم.

پس شكل كلي شرط يا if با توجه به توضيحات بالا به اين صورت مي شود

if (شرط ما)

{

دستوراتي كه در صورت درست بودن شرط اجرا مي شود

}

به مثال زير توجه كنيد

var on=0;

var start=1;

if (start==1)

{

var on=1;

}

alert(on)

توضيحات:در مثال فوق ابتدا ما دو متغيير تعريف كرديم كه متغيير on وضعيت ماشين(روشن يا خاموش)

و متغيير Start استارت ماشين و بعد به كمك دستور if كه بيانگر شرط ما است شرط خود را گذاشتيم

كه اگر ماشين استارت خورد ماشين روشن كن و بعد به كمك دستور alert وضعيت ماشين به صورت پيغام نشان داديم

نكته:در صورت اينكه تعداد دستورات درون شرط شما يك خط بود نياز به استفاده از علامت "{" نيست

و در غيره اين صورت اجباري مي باشد

عبارت if else

در صورتي كه بخواهيد قسمتي از شرط در صورت درست بودن اجرا شود و قسمت ديگر در صورت نادرست بودن اجرا شود از اين دستور مي توانيد استفاده كنيد.به مثال زير توجه كنيد

مي خواهيم يك عددي را برسي كنيم كه اگر عدد زوج بود مقدار زوج را چاپ كن و اگر فرد بود مقدار فرد را چاپ كند .

شكل كلي دستور به صورت زير مي باشد.

if (شرط ما)

{

دستوراتي كه در صورت درست بودن شرط اجرا مي شود

}

else

{

دستوراتي كه در صورت نادرست بودن اجرا مي شود

}

به اين مثال توجه كنيد

var num=24;

if (num%2==0)

{

alert ("عدد زوج مي باشد")

}

else

{

alert ("عدد فرد مي باشد")

}

توضيحات:در مثال فوق ما عدد 24 را داخل متغيير num ريختيم و بعد شرط گذاشتيم كه اگر باقيمانده متغيير num تقسيم بر 2 برابر با 0 بود دستور alert اين شرط را اجرا كن در غيره اين صورت دستور alert بعدي را اجرا كن

عبارت if … else if..else

در زماني كه مي خواهيد چندين شرط را مورد برسي قرار دهيد مي توانيد از اين عبارت استفاده كنيد

فرض كنيد راديو ساخته ايد كه اين راديو داراي چند كانال مي باشد و شما بايد به اين نحو عمل كنيد و بگوييد اگر كانال 1 زده شد فركانس HZ 1500 واگر كانال 2 زده شد فركانس HZ 1600و ... اجرا كن و اگر كانالي زده نشد كانال 1 اجرا كن

شكل كلي دستور به صورت زير مي باشد.

if (گروه شرطي اول)

{

دستوراتي كه در صورت درست بودن شرط اجرا مي شود

}

else if (گروه شرطي دوم)

{

دستوراتي كه در صورت درست بودن شرط اجرا مي شود

}

.

.

.

else

{

در صورت عدم برقراري شروط فوق اين دستور اجرا مي شود

}

به مثال زير توجه كنيد

var channel=1;

var HZ;

if (channel==1)

{

var HZ="كانال 1 اجرا شد"

}

else if (channel==2)

{

var HZ=" كانال 2 اجرا شد "

}

.

.

.

else

{

var HZ="كانال 1 اجرا شد"

}

alert(HZ)

توضيحات : در مثال فوق ما ابتدا دو متغيير كانال در خواستي و نام كانال را تعريف كرديم و بعد گفتيم

در صورتي كه كانال 1 زده شد نام كانال را برابر با كانال 1 بزار و در شرط بعدي گفتيم در صورتي كه كانال 2 زده شد نام كانال را برابر با كانال 2 بزار و در غيره اين صورت نام كانال 1 بزار و در انتها به كمك دستور alert نام كانال را به نمايش گذاشتيم

عبارت switch

در موقعي كه شرط ها كم باشد مي توان از else if استفاده كرد اما در زماني كه شرط هاي شما زياد باشد مي توانيد از اين دستور استفاده كنيد

شكل كلي دستور به صورت زير مي باشد.

Switch(نام و يا مفدار يك متغيير)

{

case مقدار1:

caseدستورات مربوط به اين ;

break;

case مقدار2:

caseدستورات مربوط به اين ;

break;

.

.

.

default:

default دستورات مربوط به ;

}

توضيح در مورد عملكرد اين دستور:داخل پرانتزمقابل كلمه كليدي switch مقدار و يا متغييري قرار مي دهيم و اين مفدار در هر بلاك با مقدار روبروي آن بلاك مقايسه مي شود ودر صورت برابر بودن دستورات آن بلاك را اجرا مي كند و كلمه كليدي break پايان آن بلاك را مشخص مي كند و از اجراي case هاي بعد جلوگيري مي كند در انتها در قسمت default دستوراتي كه در صورت عدم برابري مقدار با case هاي فوق مي خواهيد اجرا شود را مي نويسيد

به مثال زير توجه كنيد

var channal=1;

var HZ;

switch (channal)

{

case 1 :

var HZ="كانال 1 اجرا شد"

break;

case 2 :

var HZ="كانال 2 اجرا شد"

break;

.

.

.

default :

Var HZ="كانال 1 اجرا شد"

}

alert(HZ)

توضيحات:در مثال فوق ما ابتدا دو متغيير كانال در خواستي و نام كانال را تعريف كرديم و بعد نام متغيير كانال درخواستي را داخل پرانتز دستور switch گذاشتيم تا بتوانيم case هايمان را با اين متغيير مقايسه كنيم case اول چك مي كند كه مقدار case با مقدار switch برابر است و در صورت برابر بودن دستورات بعد از خود را تا كلمه كليدي break ادامه ميدهد و از switch خارج مي شود و مقدار case بعد از خود را چك نمي كند و در صورت عدم برابري با مقدار switch به case بعدي ميرود و مقدار آن case را چك مي كند. در صورت برابر نبودن مقدار switch با يكي از case ها دستورات درون default ار اجرا مي كند

نكته: دقت داشته باشيد در پايان مفدار دهي هر case علامت ":" را بگزاريد
منبع :http://dssdesigner.gigfa.com/

[pantea92]

سلام مرسی بابت توضیحات خوب و روونی که گذاشتین فقط یه خواهش دارم اگه میشه درمورد dom و گره ها در جاوااسکریپت هم بیشتر توضیح بدین مرسی

[pantea92]

یه سوال دیگه داشتم من نمی دونم این دستورات رو کجا می تونم ازش استفاده کنم اگه میشه منو راهنمایی کنید