این آموزش در تاریخ ۱۴۰۱/۰۲/۱۹ آپدیت شده است.
آشنایی با قوانین جاوااسکریپت
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آشنایی با قوانین جاوااسکریپت با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
- 1 آشنایی با قوانین جاوااسکریپت
- 2 فایل مجزا یا خارجی js. نیاز به تگ script ندارد
- 3 نحوه استفاده از تک کوتیشن و دوبل کوتیشن
- 4 جاوااسکریپت به حروف کوچک و بزرگ انگلیسی حساس می باشد
- 5 سبک شتری یا camel Case در جاوااسکریپت
- 6 استفاده از خط ربط یا – در جاوااسکریپت ممنوع می باشد
- 7 آشنایی با برخی از اصطلاحات جاوااسکریپت
آشنایی با قوانین جاوااسکریپت
خب زبان جاوااسکریپت هم مثه دیگر زبان های برنامه نویسی ، یسری قوانین و چارچوب های خاص خودشو داره و خب ما همینجوری عشقی که نمیتونیم کد بزنیم ، طبیعتا شما باید این قوانین رو بلد باشید تا در کدنویسی دچار مشکل نشید.
- اگه بخواید از جاوااسکریپت درون یک صفحه HTML استفاده نمایید، باید حتما دستورات جاوااسکریپت درون تگ
Scriptقرار بگیرند و اگه داخل این تگ نباشند ، دستورات اجرا نخواهند شد.
|
1 2 3 4 5 6 7 8 9 10 |
<!DOCTYPE html> <html> <body> <script> دستورات جاوااسکرپیت در اینجا </script> </body> </html> |
Free-Learn
فایل مجزا یا خارجی js. نیاز به تگ script ندارد
- اگه از فایل خارجی یا مجزای JS میخواید استفاده کنید دیگه نیاز نیست از تگ Script استفاده کنید، یعنی اگه ما دستورات رو بزاریم تو یه صفحه مجزا و بعدش با پسوند ( یا فرمت )
js.ذخیرش کنیم ، این میشه یه فایل مجزای جاوااسکریپت ، اینجا دیگه استفاده از تگ Script اختیاری هست.
مثال : استفاده از دستورات جاوا اسکریپت در یک فایل خارجی ( یا مجزا ) و عدم استفاده از تگ Script
|
1 2 3 4 5 |
function test(){ var myh2; myh2 = document.getElementById("demo"); myh2.innerHTML = "سلام خوبی؟"; } |
Free-Learn
نحوه استفاده از تک کوتیشن و دوبل کوتیشن
- در جاوا اسکریپت هم میشه از تک کوتیشن ( ‘ ‘ ) و هم دوبل کوتیشن ( ” ” ) استفاده کرد ، لطفا به دستورات زیر توجه نمایید. طبق دستورات زیر باید در خروجی کلمه ?Khobi در بین تک کوتیشن قرار بگیرد.
|
1 2 3 4 5 6 7 |
<script> var MyResult; MyResult = document.getElementById("Result"); MyResult.innerHTML = " Salam 'Khobi?' "; </script> |
حال اگه کلمه ?khobi رو بزارید تو دوبل کوتیشن ” ” دیگه کلا برنامه اجرا نمیشه چون نمیشه از ۲ تا دوبل کوتیشن یا ۲تا تک کوتیشن بصورت همزمان استفاده کرد.
پس اگه خواستید در خروجی مثلا چیزی رو بزارید تو دوبل کوتیشن باید از تک کوتیشن استفاده کنید و اگه خواستید در خروجی بزارید تو تک کوتیشن باید از دوبل کوتیشن استفاده نماید. ( میدونم متوجه نشدید ، یعنی جوری که من گفتم خودمم متوجه نشدم خخ ) ( به مثال زیر توجه نمایید )
|
1 2 3 4 5 6 7 8 9 |
<script> var MyResult_1 ,MyResult_2 ; MyResult_1 = document.getElementById("Result1"); MyResult_2 = document.getElementById("Result2"); MyResult_1.innerHTML = " Salam 'Khobi?' "; MyResult_2.innerHTML = ' Salam "Khobi?" '; </script> |
Free-Learn
جاوااسکریپت به حروف کوچک و بزرگ انگلیسی حساس می باشد
- جاوااسکریپت به حروف حساس می باشد، یعنی به کوچک بودن و بزرگ بودن حروف حساس می باشد ، در نتیجه اگه مثلا متغیری بنام Test داشتیم خب این کاملا برای جاوااسکریپت با test فرق میکند.
در مثال زیر ، ما متغیری به اسم test ( با حروف کوچک انگلیسی ) ایجاد کردیم، بعد اومدیم گفتیم Test ( حرف اولش بزرگه ) در خروجی متن ?Salam Khobi رو چاپ کنه ولی خب برنامه اجرا نمیشه چون گفتیم به حروف حساس هست در نتیجه نمیتونه تشخیص بده چون T رو با t کاملا متفاوت میدونه.
|
1 2 3 4 5 6 |
<script> var test = document.getElementById("Result"); Test.innerHTML = " Salam Khobi? "; </script> |
Free-Learn
سبک شتری یا camel Case در جاوااسکریپت
این حالت رو بهش میگیم کوهان شتری یا درکل همون camel Case – منظورش بطور کلی یعنی حرف اول از کلمه اول با حروف کوچک نوشته میشه و حرف اول از کلمات بعدی با حروف بزرگ.
مثال : در دستور زیر اگه توجه کنید getElementById بصورت سبک شتری نوشته است یعنی دیگه بدونید همیشه همینجوریه و باید اینجوری نوشته شه. ( حرف اول از کلمه اول کوچک نوشته شده و حرف های اول از کلمات بعدی بزرگ )
|
1 |
var test = document.getElementById; |
Free-Learn
استفاده از خط ربط یا – در جاوااسکریپت ممنوع می باشد
خب دلایل متفاوتی وجود داره ولی اصلی ترین دلیل اینه که اگه شما مثلا به این شکل a-b استفاده نمایید، جاوااسکریپت فکر میکنه شما دارید a رو از b کم میکنید یا منها ( تفریق ) میکنید ، در نتیجه برنامه اجرا نمیشه.
پس نباید از خط ربط یا – استفاده نمایید یا اصلا نباید از خط فاصله بین متغیرها استفاده نمایید، سعی کنید همیشه با حروف کوچک متغیرهارو تعریف کنید یا حتی بصورت ترکیبی از حروف کوچک و بزرگ استفاده نمایید.
|
1 2 3 4 5 6 7 8 9 |
<script> var my-name="Sadegh"; // قابل قبول نمی باشد چون - هست var my name="Sadegh"; // قابل قبول نمی باشد چون فاصله هست var my_name="Sadegh"; // قابل قبول می باشد var MyName="Sadegh"; // قابل قبول می باشد </script> |
Free-Learn
آشنایی با برخی از اصطلاحات جاوااسکریپت
خب ممکنه یسری از اسامی یا اصطلاحات جاوااسکریپت رو حالا یا جایی یا همینجا ببینید که براتون کمی نامفهوم باشن ، میخوام در ادامه یه تعریف ساده از این اصطلاحات داشته باشیم.
| اصطلاح | تعریف |
|---|---|
| ECMAScript | نام رسمی و دفتری زبان جاوااسکریپت می باشد |
| Function | یعنی تابع |
| Event | رویداد – چیزی که میتونه واکنش نشون بده ، مثلا رویداد onclick یعنی وقتی روی چیزی کلیک شد |
| Code Block | بلوک کد – به یه تکه که درون { } قرار بگیرد بلوک کد میگن |
| Define | تعریف کردن |
| Property | ویژگی |
| Debug | خطایابی / اشکال زدایی |
| Statement | اعلام کردن چیزی |
| Call | صدا زدن یا فراخوانی کردن |
| Separate | مجزا یا جداکردن یا جداسازی |
| Keyword | کلمه کلیدی |
| Syntax | نَحو – شکل نوشتاری |
| Literal | بصورت لفظی یا تحت اللفظی |
| Variable | متغیر |
| Operator | عملگر – عامل پیوند زدن ۲ متغیر |
| Arithmetic Operators | عملگرهای محاسباتی |
| Assignment Operators | عملگرهای انتسابی |
| Unique Names | یک نام منحصر بفرد |
| Case Sensitive | حساس به حروف کوچک و بزرگ |
| Data Type | نوع داده |
| Assign | اختصاص دادن |
| Undefined | تعریف نشده |
| Re-Declaring | دوباره تعریف کردن یا دوباره اعلام کردن |
| UnderScore | زیر خط ( _ ) |
| Addition | جمع یا ( + ) کردن مثلا ۲ عدد |
| Subtraction | تفریق یا ( – ) کردن مثلا ۲ عدد |
| Multiplication | ضرب ( * ) کردن مثلا ۲ عدد |
| Division | تقسیم ( / ) کردن مثلا ۲ عدد |
| Increment | افزایش / اضافه کردن |
| Decrement | کاهش / کاهش دادن |
| Concatenation | الحاق کردن یا چسبوندن |
| Comparison | مقایسه کردن |
| Logical Operators | عملگرهای منطقی |
| Concept | مفهوم از یک چیز |
| Dynamic | پویا / متحرک |
| String | رشته / متن |
| Boolean | بولی / چیزی که مقدار برگشتیش یا ۰ یا ۱ هست یا True و False |
| Null | خالی بودن / پوچ بودن / بدون مقدار |
| Return Value | مقدار بازگشتی / مقداری که در یک برنامه بازگشت داده میشه به خروجی |
| Local | محلی / تو یه محدود خاص و مشخص |
| Global | سراسری / عمومی / محدوده گسترده |
| Method | یک روش / شیوه / راه حل |
| Random | تصادفی / غیرمنتظره |
| Scope | محدوده / حوزه / دامنه |
| Hoisting | بالا بردن / بالا گرفتن |
