آشنایی با قوانین جاوااسکریپت
خب زبان جاوااسکریپت هم مثه دیگر زبان های برنامه نویسی ، یسری قوانین و چارچوب های خاص خودشو داره و خب ما همینجوری عشقی که نمیتونیم کد بزنیم ، طبیعتا شما باید این قوانین رو بلد باشید تا در کدنویسی دچار مشکل نشید.
- اگه بخواید از جاوااسکریپت درون یک صفحه HTML استفاده نمایید، باید حتما دستورات جاوااسکریپت درون تگ
Scriptقرار بگیرند و اگه داخل این تگ نباشند ، دستورات اجرا نخواهند شد.
فایل مجزا یا خارجی js. نیاز به تگ script ندارد
- اگه از فایل خارجی یا مجزای JS میخواید استفاده کنید دیگه نیاز نیست از تگ Script استفاده کنید، یعنی اگه ما دستورات رو بزاریم تو یه صفحه مجزا و بعدش با پسوند ( یا فرمت )
js.ذخیرش کنیم ، این میشه یه فایل مجزای جاوااسکریپت ، اینجا دیگه استفاده از تگ Script اختیاری هست.
مثال : استفاده از دستورات جاوا اسکریپت در یک فایل خارجی ( یا مجزا ) و عدم استفاده از تگ Script
و سپس با تگ script و اتریبیوت src به صفحه html خودمان لینک میکنیم.
نحوه استفاده از تک کوتیشن و دوبل کوتیشن
- در جاوا اسکریپت هم میشه از تک کوتیشن ( ‘ ‘ ) و هم دوبل کوتیشن ( ” ” ) استفاده کرد ، لطفا به دستورات زیر توجه نمایید. طبق دستورات زیر باید در خروجی کلمه code در بین تک کوتیشن قرار بگیرد.
حال اگه کلمه ?khobi رو بزارید تو دوبل کوتیشن ” ” دیگه کلا برنامه اجرا نمیشه چون نمیشه از ۲ تا دوبل کوتیشن یا ۲تا تک کوتیشن بصورت همزمان استفاده کرد.
پس اگه خواستید در خروجی مثلا چیزی رو بزارید تو دوبل کوتیشن باید از تک کوتیشن استفاده کنید و اگه خواستید در خروجی بزارید تو تک کوتیشن باید از دوبل کوتیشن استفاده نماید. (خودمم نفهمیدم چی گفتم😂) ( به مثال زیر توجه نمایید )
جاوااسکریپت به حروف کوچک و بزرگ انگلیسی حساس می باشد
- جاوااسکریپت به حروف حساس می باشد، یعنی به کوچک بودن و بزرگ بودن حروف حساس می باشد ، در نتیجه اگه مثلا متغیری بنام Html داشتیم خب این کاملا برای جاوااسکریپت با html فرق میکند.
در مثال زیر ، ما متغیری به اسم html ( با حروف کوچک انگلیسی ) ایجاد کردیم، بعد اومدیم گفتیم Html ( حرف اولش بزرگه ) در خروجی متن hello front code رو چاپ کنه ولی خب برنامه اجرا نمیشه چون گفتیم به حروف حساس هست در نتیجه نمیتونه تشخیص بده چون H رو با h کاملا متفاوت میدونه.
سبک شتری یا camel Case در جاوااسکریپت
این حالت رو بهش میگیم کوهان شتری یا درکل همون camel Case – منظورش بطور کلی یعنی حرف اول از کلمه اول با حروف کوچک نوشته میشه و حرف اول از کلمات بعدی با حروف بزرگ.
مثال : در دستور زیر اگه توجه کنید getElementById بصورت سبک شتری نوشته است یعنی دیگه بدونید همیشه همینجوریه و باید اینجوری نوشته شه. ( حرف اول از کلمه اول کوچک نوشته شده و حرف های اول از کلمات بعدی بزرگ )
استفاده از خط ربط یا – در جاوااسکریپت ممنوع می باشد
خب دلایل متفاوتی وجود داره ولی اصلی ترین دلیل اینه که اگه شما مثلا به این شکل a-b استفاده نمایید، جاوااسکریپت فکر میکنه شما دارید a رو از b کم میکنید یا منها ( تفریق ) میکنید ، در نتیجه برنامه اجرا نمیشه.
پس نباید از خط ربط یا – استفاده نمایید یا اصلا نباید از خط فاصله بین متغیرها استفاده نمایید، سعی کنید همیشه با حروف کوچک متغیرهارو تعریف کنید یا حتی بصورت ترکیبی از حروف کوچک و بزرگ استفاده نمایید. در عکس زیر اگر دقت کنید میبیند که ادیتور در خط اول و دوم خطا داده
آشنایی با برخی از اصطلاحات جاوااسکریپت
خب ممکنه یسری از اسامی یا اصطلاحات جاوااسکریپت رو حالا یا جایی یا همینجا ببینید که براتون کمی نامفهوم باشن ، میخوام در ادامه یه تعریف ساده از این اصطلاحات داشته باشیم.
| اصطلاح | تعریف |
|---|---|
| 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 | بالا بردن / بالا گرفتن |
خب دوستان خیلی ممنون که تا اینجا با ما همراه بودید. در این مقاله یکسری از قوانین ابتدایی در جاوا اسکریپت را خدمتتون گفتم . انشالا اگر مفید بوده باشه ادامش رو (قوانین و اصطلاحات حرفه ای تر ) باز هم در مقالات بعدی میزارم.
