آموزش طراحی سایت-آموزش سينتکس در جاوا اسکرپيت

سلام دوستان ... در قسمت قبل آموزش جاوا اسکریپت مفاهیم زیر را یاد دادیم .آموزش دستورات جاوا اسکریپتکلید واژه های جاوا اسکریپتآموزش متغیرها و انواع داده ای در زبان جاوا اسکریپتآموزش محل قرار گیری کدهای جاوا اسکریپتآموزش خروجی جاوا اسکریپتحال با ادامه دوره آموزش طراحی سایت همراه باشیدآموزش Syntax جاوا اسکریپتدستور Syntax جاوا اسکریپت : Syntax یا دستور گرامری در حقیقت یک سری قوانین است که به وسیله ی آن می توان فهمید برنامه های جاوا اسکریپت چگونه ساخته می شوند.برنامه های جاوا اسکریپتیک برنامه ی کامپیوتری / Computer program در واقع فهرستی از "دستورات / instructions" می باشد که باید توسط رایانه "اجرا / execute" شود.در یک زبان برنامه نویسی به instruction های برنامه، Statement (دستور) گفته می شود.جاوا اسکریپت نیز یک زبان برنامه نویسی محسوب می شود.دستورات زبان جاوا اسکریپت توسط کاراکتر نقطه ویرگول (;) از هم جدا می شوند. https://www.aparat.com/v/4gGj2 مثال:var x = 5; var y = 6; var z = x + y; در HTML، برنامه های جاوا اسکریپت توسط مرورگر وب اجرا می شوند.دستورات JavaScript دستورات جاوا اسکریپت متشکل است از : values (مقادیر)، Operators (عملگرها)، Expressions (عبارات)، Keywords (کلیدواژه ها) و Comments (توضیحات).لفظ ها یا لیترال های جاوا اسکریپت JavaScript literals :مهمترین قوانین برای نوشتن مقادیر ثابت عبارتند ازمفهوم Numbers – اعدادی که با اعشار (decimal) یا بدون اعشار نوشته می شوند، به ترتیب زیر 10.50 ‎1001‎مفهوم Strings – رشته ها متن یا نوشته هایی هستند که درون علامت های " " یا ' ' نوشته می شوند."John Doe" ‎ ‎'John Doeمفهوم Expressions – عبارات نیز می توانند نمایان گر مقادیر ثابت باشند. 5 + 6 ‎5 * 10متغیرهای جاوا اسکریپت (JavaScript Variables)در یک زبان برنامه نویسی، متغیرها (variables) به منظور ذخیره سازی (store) مقادیر داده ها بکار می روند.جاوا اسکریپت با استفاده از کلید واژه ی var متغیر تعریف (define) می کند.علامت مساوی (=) را به منظور تخصیص مقادیر به متغیرها مورد استفاده قرار می دهیم.در این مثال، x به عنوان متغیر تعریف شده، سپس به مقدار 6 به آن اختصاص داده شده است.var x; x = 6;عملگرهای جاوا اسکریپت (JavaScript Operators)جاوا اسکریپت با استفاده از عملگر جایگزین / assignment operator(=) مقادیر را به متغیر ها نسبت (تخصیص / assign) می دهد.var x = 5; var y = 6;‎جاوا اسکریپت با استفاده از عملگرهای محاسباتی (arithmetic operator) از جمله :+ - * / مقادیر را محاسبه (compute) می کند.(5 + 6) * 10‎‏ ‏کلیدواژه های جاوا اسکریپت (JavaScript Keywords) واژه های کلیدی (Keyword) جاوا اسکریپت به منظور شناسایی عملیاتی که باید (انجام) پیاده شود مورد استفاده قرار می گیرد.در واقع کلید واژه ی var به مرورگر دستور / اطلاع می دهد یک متغیر جدید ایجاد کند.var x = 5 + 6; var y = x * 10;‎‏ ‏کلیدواژه های جاوا اسکریپت (JavaScript Keywords)واژه های کلیدی (Keyword) جاوا اسکریپت به منظور شناسایی عملیاتی که باید (انجام) پیاده شود مورد استفاده قرار می گیرد.در واقع کلید واژه ی var به مرورگر دستور / اطلاع می دهد یک متغیر جدید ایجاد کند.var x = 5 + 6; var y = x * 10;توضیحات در جاوا اسکریپت (JavaScript Comments)تمامی دستورات جاوا اسکریپت لزوماً "اجرا" نمی شوند.کدهایی که پس از کاراکتر // یا بین */ و /* قرار داده می شوند در حقیقت توضیح (comment) محسوب می شوند و از این رو در اجرا نادیده گرفته می شوند.var x = 5; // I will be executed ‎// var x = 6; I will NOT be executedجاوا اسکریپت، حساس به کوچک و بزرگی حروف (Case sensitive)تمامی شناسه های (identifier) جاوا اسکریپت به کوچک و بزرگی حروف حساس هستند.به عنوان مثال، lastName و lastname گرچه هر دو متغیر هستند ولی به دلیل تفاوت در کوچک و بزرگی حروف کاملاً از هم متمایز تلقی می گردند.lastName = &quotDoe&quot lastname = &quotPeterson&quot‎برای جاوا اسکریپت VAR یا Var با کلید واژه ی var یکسان نیست.JavaScript و Camel Caseدر گذشته، برنامه نویسان از سه روش برای گنجاندن چندین کلمه در یک اسم متغیر واحد استفاده می کردند.خط تیره (hyphen)first-name،‎ last-name،‎ master-card،‎ inter-cityخط زیرین (underscore)first_name،‎ last_name،‎ master_card،‎ inter_cityFirst Name،‎ LastName،‎ MasterCard،‎ InterCity‎ر زبان های برنامه نویسی، بخصوص جاوا اسکریپت، camel case اغلب با یک حرف کوچک (lower case) شروع می شود.=firstName،‎ lastName،‎ masterCard،‎ interCityدر جاوا اسکریپت اجازه ی استفاده از خط تیره (hyphen) به برنامه نویس داده نمی شود مگر برای تفریق.مجموعه کاراکترهای جاوا اسکریپت (JavaScript Character set)جاوا اسکریپت از مجموعه کاراکترهای Unicode استفاده می کند.آموزش توضیحات در جاوا اسکریپت:از Comment ها در جاوا اسکریپت برای توضیح کد و بهبود خوانایی آن ها استفاده می شود.همچنین از توضیحات / comments می توانیم زمانی که می خواهیم کد جایگزینی را به جای کد اصلی امتحان کنیم، کمک بگیریم.توضیحات تک خطی (single line comments)توضیحات تک خطی با کاراکتر // آغاز می گردند.جاوا اسکریپت هر متنی را که بین کاراکتر // و انتهای خط قرار بگیرد کاملاً نادیده می گیرد(اجرا نمی کند).در این مثال از comment تک خطی پیش از هر خط به منظور تشریح کد مربوط استفاده شده.مثال:< script > // Change heading: document.getElementById(&quotmyH&quot) = &quotMy First Page&quot // Change paragraph: document.getElementById(&quotmyP&quot) = &quotMy first paragraph.&quot< /script >مثال زیر برای توضیح کد در انتهای هر خط یک comment تک خطی بکار گرفته.مثال:< script > var x = 5; // Declare x, give it the value of 5 var y = x + 2; // Declare y, give it the value of x + 2 document.getElementById(&quotdemo&quot) = y; // Write y to demo< /script >توضیحات چند خطی (multi-line comments)کامنت Comment های چند خطی با */ آغاز شده و با کاراکتر /* خاتمه می یابند.هر نوشته ی که بین دو کاراکتر گفته شده قرار گیرد کاملاً توسط جاوا اسکریپت نادیده گرفته می شود.این مثال یک توضیح چند خطی (comment block یا مجموعه ی از توضیحات) را برای تشریح کد مورد نظر بکار می گیرد.مثال:< script > /* The code below will change the heading with id = &quotmyH&quot and the paragraph with id = &quotmyp&quot in my web page: */ document.getElementById(&quotmyH&quot) = &quotMy First Page&quot document.getElementById(&quotmyP&quot) = &quotMy first paragraph.&quot< /script >نکته:در بیشتر مواقع برنامه نویسان از توضیح تک خطی استفاده می کنند.استفاده از توضیحات برای جلوگیری از اجرای کدبا بهره گیری از توضیحات (comments) می توان از اجرای کد جلوگیری کرد که برای اجرای تست و امتحان کردن کد جایگزین بسیار کارامد تلقی می گردد.افزودن کاراکتر // در ابتدای خط کد باعث می شود خط کد از حالت قابل اجرا به حالت comment تبدیل شود، بدین معنا که دیگر خط کد مورد نظر اجراشدنی نبوده و به یک توضیح ساده تبدیل گردد.این مثال با استفاده از //، اجرای یکی از خط کدها را مانع می شود.مثال:< script > //document.getElementById(&quotmyH&quot) = &quotMy First Page&quot document.getElementById(&quotmyP&quot) = &quotMy first paragraph.&quot< /script >حال مثال زیر را مشاهده می کنید که به کمک comment block از اجرای چندین خط کد جلوگیری می کند.مثال:< script > /* document.getElementById(&quotmyH&quot) = &quotWelcome to my Homepage&quot document.getElementById(&quotmyP&quot) = &quotThis is my first paragraph.&quot */ < /script >دوره آموزش طراحی سایت ادامه دارد