این آموزش در تاریخ ۱۴۰۱/۰۳/۲۲ آپدیت شده است.
کار با عملگرهای متفرقه در جاوااسکریپت
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش کار با عملگرهای متفرقه در جاوااسکریپت با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
کار با عملگرهای متفرقه در جاوااسکریپت
حالا چرا عملگرهای متفرقه؟! خب چون یسری از عملگرها هستند که دسته ی مشخصی ندارند، مثلا جزئی از عملگرهای مقایسه ای یا انتسابی یا مثلا محاسباتی نیستند، به همین دلیل بهشون میگیم عملگرهای متفرقه.
برخی از عملگرهای متفرقه زبان جاوااسکریپت :
- عملگر شرط ( یا Condition )
- عملگر نوع یا TypeOf ( برای بدست آوردن نوع داده ای یک متغیر )
- عملگر Void ( خالی / پوچ )
- عملگر This ( ارجاع بخودش )
- عملگر کاما یا ,
Free-Learn
عملگر شرط در جاوااسکریپت
ان شاالله در جلسات آینده بطور کامل با جریان شرط و از این حرفا آشنا خواهید شد ، ولی خب این شرطی که الان میخوایم باهاش آشنا بشیم، بیشتر بهش میگیم شرط خطی یا ( Inline )
اسمشم مشخصه دیگه، ما با استفاده از این عملگر میتونیم شرط اعمال کنیم ، مثلا میتونیم بگیم اگه متغیر فلان ، فلان مقدار رو داشت خب فلان کارو کن و اگه نداشت بهمان کار و..
شکل کلی این عملگر :
1 |
Condition ? True_Result : False_Result |
اون Condition
خب یعنی خوده شرطمون، بعدش یه ?
میزاریم بعدش قسمت صحیح ( یا درستی نتیجه ی شرط ) رو قرار میدیم و در نهایت یه :
میزاریم و قسمت غلط ( یا وقتی نتیجه ی شرط غلط بود ) رو میزاریم.
یعنی اگه نتیجه ی شرط درست بود خب بخش ( True_Result ) اجرا میشه و اگه غلط بود بخش ( False_Result ) اجرا میشه.
مثال شماره ۱ : میگه اگه مقدار متغیر a برابر بود با ۵ ، در خروجی چاپ کن OK در غیراینصورت چاپ کن NO
1 2 3 4 5 6 7 8 9 |
<script> var a, b, Result; a = 5; Result = (a == 5) ? b = "OK" : b = "NO"; document.write(Result); </script> |
Free-Learn
عملگر نوع یا TypeOf در جاوااسکریپت
در ادامه ی آموزش کار با عملگرهای متفرقه در جاوااسکریپت میخوایم با عملگر نوع یا معروف به typeof
آشنا بشیم.
با استفاده از این عملگر میتونیم نوع داده ای یک متغیر رو بدست آوریم، بفرض مثال یه متغیر داریم بعد میخوایم ببینیم نوع این متغیر از چیه؟ مثلا از نوع عددی هست یا رشته ای یا مثلا بولی و…
شکل کلی برای استفاده از این عملگر بصورت زیر می باشد :
1 2 3 |
typeof Operand // روش اول یا typeof (Operand) // روش دوم |
که بجای Operand میتونیم عملوندمون رو وارد نماییم. ( Operand یعنی عملوند یا همون متغیرها )
مثال شماره ۱ : بدست آوردن نوع داده ای ۳ متغیر ( MyName , MyNumber , MyStatus )
1 2 3 4 5 6 7 8 9 10 11 12 13 |
<script> var MyName = "Sadegh"; var MyNumber = 3021; var MyStatus = true; document.write( typeof(MyName) ); document.write("<br>"); document.write( typeof(MyNumber) ); document.write("<br>"); document.write( typeof(MyStatus) ); </script> |
Free-Learn
عملگر Void در جاوااسکریپت
با استفاده از این عملگر میشه یک عبارت ( مقدار یا متغیر و.. ) رو ارزیابی کرد ولی چیزی که بازگشت داده میشه همیشه Undefined
( یا تعریف نشده ) می باشد.
کلی تر و خودمونی تر بخوام بگم، با استفاده از این عملگر میشه یک عمل رو در صفحه اجرا کرد ولی از هرگونه عمل بازگشتی جلوگیری کرد ( به مثال زیر نگاه کنید متوجه میشید )
مثال شماره ۱ : استفاده در تگ a ( برای ایجاد لینک )
1 2 3 4 5 6 7 |
<!-- Void بدون --> <a href=""></a> <br><br> <!-- Void با --> <a href="javascript:void(0);"></a> |
Free-Learn
عملگر This در جاوااسکریپت
کلمه This
در لغت یعنی ( این ) یا خودمونی یعنی ( خودش ) با استفاده از این عملگر میتونیم عملیات مون رو روی خوده یک عنصر پیاده کنیم.
بفرض مثال میخوایم وقتی کاربر بروی یه باکس کلیک کرد اون باکس مخفی / پاک بشه، خب از ۲ روش میتونیم اینکارو انجام بدیم که این روش ها بصورت زیر می باشند :
- روش اول : ایجاد یه تابع در جاوااسکریپت بعدش فراخوانی تابع در تگی که میخوایم از صفحه مخفی شه
- روش دوم : استفاده از this بصورت مستقیم در خوده تگ
مثال شماره ۱ : استفاده از روش اول
1 2 3 4 5 6 7 8 9 |
<script> function CloseBox(){ var MyBox; MyBox = document.getElementById("MyBox"); MyBox.style.display = "none"; } </script> |
مثال شماره ۲ : استفاده از روش دوم
1 2 3 4 5 6 7 8 9 |
<body> <div class="mybox" onclick="this.style.display = 'none';"> <div class="mytext"> ماوس رو بیار روی این باکس بعدش اگه کلیک کنی رو باکس ، باکس مخفی میشه </div> </div> </body> |
Free-Learn
عملگر کاما در جاوااسکریپت
با استفاده از این عملگر ( کاما یا , ) میتونیم بصورت همزمان چندین دستور ( عملیات ) رو اجرا کنیم، بفرض مثلا چندین تابع داریم که میخوایم باهم اجرا بشن، پس میتونیم از این عملگر استفاده کنیم.
مثال شماره ۱ : استفاده در یک متغیر جهت فراخوانی همزمان چندین تابع
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 |
<script> function F1(){ var a = "salam "; document.write(a); } function F2(){ var b = "khobi? "; document.write(b); } function F3(){ var c = "free-learn"; document.write(c); } var d = ( F1() , F2() , F3() ); </script> |