آموزش مقدماتی جاوا اسکریپت

آدرس کوتاه این صفحه : https://darkoobedu.ir/?p=2039

آموزش جاوا اسکریپت برای کسانی که می خواهند تعامل کاربر را با صفحات وب سایت خود را افزایش دهند و یا بازی و برنامه های موبایل خود را توسعه دهند، یک نیاز ضروری است. شما می توانید با کمک جاوا اسکریپت صفحه وب خود را پر جنب و جوش و تعاملی کنید.

جاوا اسکریپت یک زبان برنامه نویسی تفسیر شده و سبک است که برای ایجاد برنامه های شبکه محور طراحی شده است. اجرای جاوا اسکریپت بسیار آسان است چراکه بر مبنای html بوده و از نوع کراس پلتفرم و باز است.

جاوا اسکریپت در بازی ها، در رفتار پاسخ ها هنگام فشار دادن دکمه ها یا با ورود داده ها به فرم ها اتفاق می افتد. این مقاله به شما کمک می کند آموزش جاوا اسکریپت را شروع کنید و درک بیشتری از آنچه ممکن است داشته باشید.

آموزش مقدماتی جاوا اسکریپت

جاوا اسکریپت چیست؟

جاوا اسکریپت توسط Brendan Eich (بنیان گذار شرکت موزیلا) در سال 1995 ساخته شد، به نام  Netscape، که یک مرورگر محبوب در آن زمان محسوب میشد. این زبان در ابتدا لایو اسکریپت نامیده می شد و بعداً به جاوا اسکریپت تغییر نام یافت.

بسیاری از برنامه نویسان وجود دارند که فکر می کنند جاوا اسکریپت و جاوا یکسان هستند. اما در واقع، جاوا اسکریپت و جاوا بسیار بی ارتباط هستند. جاوا یک زبان برنامه نویسی بسیار پیچیده است در حالی که جاوا اسکریپت فقط یک زبان برنامه نویسی است. قواعد جاوا اسکریپت بیشتر تحت تاثیر زبان برنامه نویسی C قرار گرفته است.

جاوا اسکریپت یا به اختصار JS یک زبان برنامه نویسی پویا و کامل است که می تواند تعامل را به یک وب سایت اضافه کند. جاوا اسکریپت یک زبان برنامه نویسی همه کاره و مبتدی پسند است.

شما با فراگرفتن آموزش جاوا اسکریپت و کسب تجربه بیشتر، قادر به ایجاد و توسعه بازی هایی با گرافیک دو بعدی و سه بعدی متحرک، برنامه های جامع مبتنی بر پایگاه داده و بسیاری موارد دیگر خواهید بود.

جاوا اسکریپت یک زبان برنامه نویسی بسیار انعطاف پذیر و جمع و جور است. توسعه دهندگان تلاش کرده اند تا ابزار ها و کتابخانه های مختلفی را در بالای زبان اصلی جاوا اسکریپت نوشته و با کوشش فراوان قفل بسیاری از قابلیت ها را باز می کنند. مانند:

رابط های برنامه نویسی نرم افزار مرورگر (API) که در مرورگرهای وب تعبیه شده است، عملکرد هایی مانند ایجاد html پویا و تنظیم سبک های مختلف css را فراهم می کند، جمع آوری و دستکاری یک جریان ویدئویی از وبکم کاربر یا تولید گرافیک سه بعدی و نمونه های صوتی.

API های شخص ثالث که به توسعه دهندگان اجازه می دهد عملکرد را در سایت های سایر ارائه دهندگان محتوا مانند توییتر یا فیس بوک قرار دهند. چارچوب ها و کتابخانه های شخص ثالثی که می توانید برای سرعت بخشیدن به کار در ساخت سایت ها و برنامه ها، در html اعمال کنید. ارائه جزئیات تفاوت زبان اصلی جاوا اسکریپت با ابزار ذکر شده در بالا، خارج از محدوده این مقاله است.

شما می توانید با تهیه دوره های آموزش جاوا اسکریپت، از مجموعه دوره های آموزشی دارکوب تمامی آنچه را که مورد نیاز برای یادگیری صفر تا صد جاوا اسکریپت است را فرا بگیرید و به یک توسعه دهنده حرفه ای و ماهر تبدیل شوید.

چرا باید جاوا اسکریپت را یاد بگیریم؟

چرا باید جاوا اسکریپت را یاد بگیریم؟

آموزش جاوا اسکریپت برای دانشجویان یا متخصصانی که در زمینه توسعه صفحات وب کار می کنند، بسیار ضروری و مهم است. همچنین نیاز است تا جاوا اسکریپت را به طور پیشرفته  و کامل بیاموزند. یادگیری جاوا اسکریپت تنها با خواندن میسر نمی شود و نیاز است تا ساعتی از روز را برای کد نویسی و تمرین اختصاص دهید. در ادامه برخی از مزایای اصلی یادگیری جاوا اسکریپت را توضیح می دهیم تا متوجه اهمیت آموزش جاوا اسکریپت شوید.

  • جاوا اسکریپت یکی از محبوب ترین زبان های برنامه نویسی وب در سراسر جهان است و همین امر آن را به یک گزینه عالی برنامه نویسی مبدل می کند. هنگامی که جاوا اسکریپت را یاد گرفتید، به شما کمک می کند تا با استفاده از چارچوب های مختلف مبتنی بر جاوا اسکریپت مانند jQuery ، JS و غیره، نرم افزار های front-end را مانند back-end به خوبی توسعه دهید.
  • جاوا اسکریپت در تمامی مرورگر های وب مدرن به راحتی نصب می شود. بنابراین برای آموزش جاوا اسکریپت نیازی به تنظیم محیط خاصی ندارید. به عنوان مثال موزیلا فایرفاکس، کروم، سافاری، اپرا و هر مرورگری که می شناسید از جاوا اسکریپت پشتیبانی می کند.
  • جاوا اسکریپت به شما کمک می کند تا وب سایت های بسیار زیبا، خلاقانه و سریع ایجاد کنید. شما می توانید وب سایت خود را با کنسولی مانند ظاهر و احساس توسعه دهید و بهترین تجربه کاربری گرافیکی را به کاربران خود ارائه دهید.
  • به کمک استفاده از جاوا اسکریپت، توسعه برنامه های تلفن همراه، توسعه برنامه های دسکتاپ و توسعه بازی ها گسترش یافته است. این امر فرصت های زیادی را به عنوان برنامه نویس جاوا اسکریپت برای شما ایجاد می کند. به دلیل تقاضای زیاد برای کسانی که جاوا اسکریپت کار می کنند، تعداد زیادی تقاضای شغلی و دستمزد بالایی وجود دارد. می توانید به سایت های مختلف شغلی بروید و ببینید که داشتن مهارت های جاوا اسکریپت در بازار کار چگونه به نظر می رسد.
  • نکته جالب در مورد جاوا اسکریپت این است که شما تعداد زیادی چارچوب و کتابخانه را که قبلا توسعه یافته اند را پیدا خواهید کرد که می توانند مستقیماً در توسعه نرم افزار و یا وب سایت شما استفاده شوند تا وقت شما برای بازاریابی را کاهش دهند.
  • هزاران دلیل خوب برای یادگیری برنامه نویسی جاوا اسکریپت وجود دارد. اما یک چیز خیلی مهم، برای یادگیری هر زبان برنامه نویسی، نه تنها جاوا اسکریپت، آن است که فقط باید کد بزنید و کد بزنید تا زمانی که در این کار متخصص شوید.

یک مثال از جاوا اسکریپت، برای اینکه شما را هیجان زده کند، به شما ارائه می دهیم. شما می توانید آن را در محیط خود امتحان کنید و لذت آموزش جاوا اسکریپت را حس کنید و بیش از گذشته به یادگیری آن علاقمند شوید.

<html>

   <body>  

      <script language = “javascript” type = “text/javascript”>

         <!–

            document.write(“Hello World!”)

         //–>

      </script>     

   </body>

</html>

 

بسیاری از چارچوب ها و کتابخانه های مفید جاوا اسکریپت که در دسترس هستند می توان به React، jQuery، Node.js، Angular، Vue.js، Ext.js، Ember.js و غیره اشاره کرد. ارائه لیست کاملی از کلیه چارچوب ها و کتابخانه های موجود در جاوا اسکریپت غیر ممکن است. دنیای جاوا اسکریپت بی نهایت گسترده است و روز به روز شاهد بروز اتفاقات جدید هستیم.

برنامه های کاربردی برنامه نویسی جاوا اسکریپت

همانگونه که قبلا گفته شد، جاوا اسکریپت یکی از پرکاربرد ترین زبان های برنامه نویسی هم در Front-end و همچنین در Back-end می باشد. جاوا اسکریپت در تمامی زمینه های توسعه نرم افزار حضور دارد. در ادامه تعدادی از این برنامه را اشاره خواهیم کرد.

  • اعتبار سنجی سمت مشتری

اعتبار سنجی برای تایید هر ورودی کاربر قبل از ارسال آن به سرور بسیار حائز اهمیت است و جاوا اسکریپت نقش بسیار مهمی در تایید اعتبار آن ورودی ها در Front-end دارد.

  • دستکاری صفحات html

جاوا اسکریپت به شما کمک می کند تا به راحتی هر برچسب html را حذف و اضافه کنید و کد های html خود را تغییر دهید تا تغییرات ظاهری را بر اساس دستگاه ها و نیاز های مختلف اعمال کنید.

  • اعلان های کاربر

برای بالا آوردن پاپ آپ های پویا صفحات وب، می توانید از جاوا اسکریپت استفاده کنید تا انواع مختلفی از اعلان ها را به بازدیدکنندگان وب سایت ارائه دهید.

  • بارگیری داده های Back-end

جاوا اسکریپت با استفاده از کتابخانه Ajax این امکان را فراهم می کند که شما می توانید بارگیری داده های Back-end را در حین انجام پردازش های دیگر انجام دهید. این عمل تجربه شگفت انگیزی را به بازدیدکنندگان وب سایت شما می دهد.

  • ارائه ها

جاوا اسکریپت امکان ایجاد سخنرانی هایی را فراهم می کند که به وب سایت جلوه و احساس می بخشد. جاوا اسکریپت با استفاده از کتابخانه های RevealJS و BespokeJS ساختن اسلایدهای مبتنی بر وب را فراهم می کند.

  • برنامه های سرور

Node JS برای ساخت برنامه های شبکه سریع و مقیاس پذیر بر روی زمان اجرای جاوا اسکریپت کروم ساخته شده است. این یک کتابخانه مبتنی بر رویدادها است که به توسعه برنامه های بسیار پیچیده سرور از جمله وب سرورها کمک می کند.

آموزش جاوا اسکریپت را چگونه شروع کنیم؟

برنامه های بسیار زیاد دیگری وجود دارد که تعداد بیشماری از توسعه دهندگان وب و نرم افزار از جاوا اسکریپت برای توسعه وب سایت های عالی و نرم افزار های دیگر استفاده می کنند. پیش نیازی که برای آموزش جاوا اسکریپت لازم است و باید از قبل با آن آشنایی داشته باشید، دانش قبلی در مورد نحوه کد نویسی html است. اگر شما از قبل مفاهیم برنامه نویسی شی گرا و ایده کلی ایجاد برنامه های آنلاین را درک کرده باشید، کار بسیار راحتی را در پیش دارید.

آموزش جاوا اسکریپت را چگونه شروع کنیم؟

جاوا اسکریپت یکی از محبوب ترین فناوری های مدرن وب محسوب می شود. با رشد مهارت های جاوا اسکریپت، وب سایت های شما وارد بعد جدیدی از قدرت و خلاقیت می شوند. با این حال، راحت بودن با جاوا اسکریپت چالش برانگیز تر از راحت بودن با html و css است. لازم است که شما از ابتدا شروع کنید و با تمرین به تدریج پیشرفت خواهید کرد. برای شروع آموزش جاوا اسکریپت در ابتدا نحوه اجرا جاوا اسکریپت را توضیح خواهیم داد.

چگونه جاوا اسکریپت را اجرا کنیم؟

جاوا اسکریپت نیز مانند تمامی زبان های برنامه نویسی نمی تواند بدون هیچ گونه نرم افزاری اجرا شود. در واقع، کد های جاوا اسکریپت با استفاده از مرورگر اجرا می شود. زمانی که یک کاربر به صفحه وب نوشته شده با استفاده از html به همراه جاوا اسکریپت را کلیک می کند، اسکریپت ها به مرورگر ارسال می شوند و اجرای آن به عهده مرورگر است.

همانطور که قبلا به آن اشاره کردیم، جاوا اسکریپت می تواند در هر مرورگر مدرنی اجرا شود و هیچ محدودیت و نگرانی از جهت استفاده کاربر از مرورگر نخواهد بود. چرا که جاوا اسکریپت از همه نسخه ها پشتیبانی می شود. همچنین جاوا اسکریپت بر روی تمامی سیستم های عامل از جمله ویندوز، مک یا لینوکس قابل اجرا بوده و نسب به سایر اسکریپت ها از محدودیت کمتری برخوردار است.

برای شروع آموزش جاوا اسکریپت، شما به یک محیط برنامه نویسی ویرایشگر متن برای نوشتن کد های جاوا اسکریپت خود و به یک مرورگر برای نمایش صفحات وب توسعه یافته خود نیاز خواهید داشت. شما می توانید از انواع محیط های ویرایشگر متنی مانند Notepad ++ ، Visual Studio Code ، Sublime Text، Atom یا هر ویرایشگر متن دیگری که با آن راحت هستید، استفاده کنید.

آموزش جاوا اسکریپت

این مقاله شامل چند نمونه از آنچه جاوا اسکریپت می تواند انجام دهد را شامل می شود. ما در این قسمت جاوا اسکریپت را گام به گام به صورت مقدماتی به شما عزیزان آموزش خواهیم داد. با ما همراه باشید و از آموختن خسته نشوید.

  • تگ های <script>

در html، کد جاوا اسکریپت بین برچسب <script> و </script> قرار می گیرد. مثال:

<script>
document.getElementById(“demo”).innerHTML = “My First JavaScript”;
</script>

  • توابع و رویدادهای جاوا اسکریپت

تابع جاوا اسکریپت یک بلوک از کد جاوا اسکریپت است که می تواند زمانی که صدا زده می شود استفاده گردد. به عنوان مثال، هنگامی که یک رویداد رخ می دهد، می توان یک عملکرد را فراخوانی کرد. مانند زمانی که کاربر یک دکمه را کلیک می کند. در ادامه با توابع جاوا اسکریپت بیشتر آشنا خواهیم شد.

 

  • جاوا اسکریپت در <head>

شما می توانید هر تعداد اسکریپت را در یک سند html قرار دهید. اسکریپت ها را می توان در <body> یا در بخش <head> یک صفحه html یا هر دو قرار داد. در این مثال ، یک تابع جاوا اسکریپت در بخش <head> صفحه html قرار داده شده است که با کلیک روی دکمه، عملکرد فراخوانی می شود.

<!DOCTYPE html>
<html>

<head>
<script>
function myFunction() {
  document.getElementById(“demo”).innerHTML = “Paragraph changed.”;
}
</script>
</head>
<body>

<h1>A Web Page</h1>
<p id=”demo”>A Paragraph</p>
<button type=”button” onclick=”myFunction()”>Try it</button>

</body>
</html>

  • جاوا اسکریپت در <body>

در این مثال، یک تابع جاوا اسکریپت در بخش <body> صفحه html قرار داده شده است. با کلیک روی دکمه، عملکرد فراخوانی می شود.

<!DOCTYPE html>
<html>
<body>

<h1>A Web Page</h1>
<p id=”demo”>A Paragraph</p>
<button type=”button” onclick=”myFunction()”>Try it</button>

<script>
function myFunction() {
  document.getElementById(“demo”).innerHTML = “Paragraph changed.”;
}
</script>

</body>
</html>

جاوا اسکریپت خارجی

اسکریپت همچنین می توانید در فایل های خارجی قرار می گیرد. مثال پرونده خارجی: myScript.js

function myFunction() {
  document.getElementById(“demo”).innerHTML = “Paragraph changed.”;
}

اسکریپت های خارجی وقتی عملی هستند که از یک کد در بسیاری از صفحات وب مختلف استفاده شده باشد. پرونده های جاوا اسکریپت دارای پسوند پرونده .js هستند. برای استفاده از یک اسکریپت خارجی، نام فایل اسکریپت را در ویژگی src (منبع) یک برچسب <script> قرار دهید. به عنوان مثال:

<script src=”myScript.js”></script>

شما می توانید یک مرجع اسکریپت های خارجی را در <head> یا <body> مانند مثال های فوق قرار دهید. رفتار اسکریپت به گونه ای خواهد بود که گویی دقیقا در محلی که برچسب <script> قرار دارد، قرار گرفته است.

  • مزایای جاوا اسکریپت خارجی
  • قرار دادن اسکریپت ها در پرونده های خارجی دارای مزایایی است:
  • جاوا اسکریپت خارجی html و کد را از هم جدا می کند.
  • خواندن و نگهداری از html و جاوا اسکریپت را آسان تر می کند.
  • پرونده های جاوا اسکریپت ذخیره شده می توانند بارگذاری صفحات را تسریع بخشند.
  • برای افزودن چندین فایل اسکریپت به یک صفحه، می توانید از چندین برچسب اسکریپت استفاده نمایید.

<script src=”myScript1.js”></script>
<script src=”myScript2.js”></script>

  • منابع خارجی

اسکریپت های خارجی را می توان با یک URL کامل یا یک مسیر نسبت به صفحه وب فعلی ارجاع داد. این مثال از یک URL کامل برای پیوند دادن به یک اسکریپت استفاده می کند:

<script src=”https://www.w3schools.com/js/myScript1.js”></script>

این مثال از اسکریپتی استفاده می کند که در یک پوشه مشخص در وب سایت فعلی قرار دارد:

<script src=”/js/myScript1.js”></script>

خروجی جاوا اسکریپت

جاوا اسکریپت می تواند داده ها را به روش های مختلف نمایش دهد:

  • نوشتن در یک عنصر html، با استفاده از innerHTML.

برای دسترسی به یک عنصر html، جاوا اسکریپت می تواند از روش document.getElementById (id) استفاده کند. ویژگی id عنصر html را تعریف می کند. خاصیت innerHTML محتوای html را تعریف می کند. تغییر ویژگی داخلی یک عنصر html یک روش معمول برای نمایش داده ها در html است. به عنوان مثال:

<!DOCTYPE html>
<html>
<body>

<h1>My First Web Page</h1>
<p>My First Paragraph</p>

<p id=”demo”></p>

<script>
document.getElementById(“demo”).innerHTML = 5 + 6;
</script>

</body>
</html>

  • نوشتن در خروجی html با استفاده از write ()

برای آزمایش اهداف، استفاده از document.write () بسیار راحت است. با استفاده از document.write () پس از بارگیری سند html، همه html موجود حذف می شود. توجه کنید که از روش document.write () فقط باید برای آزمایش استفاده شود. مثال:

<!DOCTYPE html>
<html>
<body>

<h1>My First Web Page</h1>
<p>My first paragraph.</p>

<button type=”button” onclick=”document.write(5 + 6)”>Try it</button>

</body>
</html>

  • نوشتن در یک جعبه هشدار، با استفاده از alert ()

برای نمایش داده ها می توانید از یک جعبه هشدار استفاده کنید. در جاوا اسکریپت، پنجره شی (scope) دامنه جهانی است، به این معنی که متغیرها، خصوصیات و روش ها به طور پیش فرض به شی پنجره تعلق دارند. این همچنین بدان معنی است که تعیین کلمه کلیدی پنجره اختیاری است و شما می توانید از کلمه کلیدی پنجره صرف نظر کنید. مثال:

<!DOCTYPE html>
<html>
<body>

<h1>My First Web Page</h1>
<p>My first paragraph.</p>

<script>
window.alert(5 + 6);
</script>

</body>
</html>

  • نوشتن در کنسول مرورگر، با استفاده از log ()

برای اهداف اشکال زدایی، می توانید برای نمایش داده ها با روش console.log () در مرورگر تماس بگیرید.

<!DOCTYPE html>
<html>
<body>

<script>
console.log(5 + 6);
</script>

</body>
</html>

  • چاپ جاوا اسکریپت

جاوا اسکریپت هیچ نوع چاپ یا روش چاپی ندارد. از جاوا اسکریپت نمی توانید به دستگاه های خروجی دسترسی پیدا کنید. تنها استثنا این است که شما می توانید با استفاده از روش window.print () در مرورگر محتوای پنجره فعلی را چاپ کنید.

<!DOCTYPE html>
<html>
<body>

<button onclick=”window.print()”>Print this page</button>

</body>
</html>

برنامه های جاوا اسکریپت

برنامه رایانه ای لیستی از دستورالعمل ها است که باید توسط رایانه اجرا شود. در یک زبان برنامه نویسی، به این، دستورالعمل های برنامه نویسی گفته می شود. برنامه جاوا اسکریپت لیستی از دستورات برنامه نویسی است. در html، برنامه های جاوا اسکریپت توسط مرورگر وب اجرا می شوند.

  • دستورالعمل های جاوا اسکریپت

عبارات جاوا اسکریپت از موارد زیر تشکیل شده است: مقادیر، اپراتورها، عبارات، کلمات کلیدی و نظرات. این عبارت به مرورگر می گوید که “Hello Dolly” را بنویسد. داخل یک عنصر html با id = “demo”:

در مثال بهتر متوجه خواهید شد:

document.getElementById(“demo”).innerHTML = “Hello Dolly.”;

بیشتر برنامه های جاوا اسکریپت حاوی گزاره های جاوا اسکریپت بسیاری هستند. عبارات، یکی یکی، به همان ترتیب که نوشته شده اند، اجرا می شوند. برنامه های جاوا اسکریپت و عبارات جاوا اسکریپت را اغلب کد جاوا اسکریپت می نامند.

  • سمیکالن عبارات جاوا اسکریپت را جدا می کنند. در انتهای هر عبارت اجرایی یک نقطه ویرگول اضافه کنید. هنگامی که با علامت های سمیکالن از هم جدا شود، چندین جمله در یک خط مجاز است.

a = 5; b = 6; c = a + b;

در وب ممکن است نمونه هایی بدون سمیکالن داشته باشید. پایان دادن به عبارات با سمیکالن مورد نیاز نیست، اما به شدت توصیه می شود.

  • جاوا اسکریپت چندین فاصله را نادیده می گیرد. برای خواندن بیشتر آن می توانید فضای سفید را به متن خود اضافه کنید.

var person = “Hege”;
var person=”Hege”;

  • طول و شکستن خط جاوا اسکریپت برای خوانایی بهتر لازم است. برنامه نویسان معمولاً علاقه دارند از خطوط کدی با بیش از 80 کاراکتر جلوگیری کنند. اگر دستور جاوا اسکریپت در یک خط قرار نمی گیرد، بهترین زمان برای شکستن آن خط بعد از یک عملگر است. مثال:

document.getElementById(“demo”).innerHTML =
“Hello Dolly!”;

  • عبارات جاوا اسکریپت را می توان در بلوک های کد، درون براکت های {…} گروه بندی کرد. هدف از بلوک های کد تعریف عباراتی است که باید با هم اجرا شوند. در توابع جاوا اسکریپت در یک مکان می توانید عباراتی را ببینید که بلوک ها با هم جمع شده اند. مثال:

function myFunction() {
  document.getElementById(“demo1”).innerHTML = “Hello Dolly!”;
  document.getElementById(“demo2”).innerHTML = “How are you?”;
}

  • عبارات جاوا اسکریپت اغلب با یک کلمه کلیدی شروع می شوند تا عملکرد جاوا اسکریپت را شناسایی کنند. در اینجا لیستی از برخی از کلمات کلیدی که در این آموزش یاد خواهید گرفت وجود دارد:

کلمه کلیدی

شرح

break

یک سوئیچ یا یک حلقه را خاتمه می دهد.

continue

از یک حلقه می پرد و از بالا شروع می شود.

debugger

اجرای جاوا اسکریپت را متوقف می کند و در صورت وجود عملکرد اشکال زدایی را فرا می خواند.

do … while

یک بلوک از دستورات را اجرا می کند و بلوک را تکرار می کند، در حالی که یک شرط درست است.

for

مارک یک بلوک از دستورات را اجرا می کند، تا زمانی که یک شرط درست باشد.

function

یک تابع را اعلام می کند.

if … else

بسته به یک شرط یک مجموعه از دستورات را اجرا می کند.

return

بازگشت از یک تابع خارج می شود.

switch

بسته به موارد مختلف، یک بلوک از دستورات را اجرا می کند، علامت گذاری می کند.

try … catch

گرفتن مدیریت خطای پیاده سازی در یک مجموعه از دستورات

var

یک متغیر را اعلام می کند.

نحو جاوا اسکریپت

نحو جاوا اسکریپت مجموعه ای از قوانین برای نحوه ساخت برنامه های جاوا اسکریپت است:

var x, y, z;       // Declare Variables
x = 5; y = 6;      // Assign Values
z = x + y;         // Compute Values

  • مقادیر جاوا اسکریپت

دستور العمل های نحوی جاوا اسکریپت دو ​​نوع مقدار را تعریف می کنند: 1- مقادیر ثابت 2- مقادیر متغیر

  • مقادیر ثابت را تحت اللفظی می نامند. 2- مقادیر متغیر را متغیرها می نامند.

دو قانون مهم نحو برای مقادیر ثابت عبارتند از:

  • اعداد با یا بدون اعشار نوشته می شوند: 10.50 و 1001
  • رشته های متنی هستند که در “ یا ‘ نوشته شده اند: “John Doe” یا ‘John Doe’
  • متغیرهای جاوا اسکریپت

در یک زبان برنامه نویسی، از متغیرها برای ذخیره مقادیر داده استفاده می شود. جاوا اسکریپت از کلمه کلیدی var برای اعلام متغیرها استفاده می کند. از علامت = برای تعیین مقادیر به متغیرها استفاده می شود. در این مثال، x به عنوان یک متغیر تعریف شده است. سپس به x مقدار 6 داده می شود.

var x;
x = 6;

  • اپراتورهای جاوا اسکریپت

جاوا اسکریپت از عملگرهای حساب (+ – * /) برای محاسبه مقادیر استفاده می کند:

(5 + 6) * 10

  • عبارات جاوا اسکریپت

عبارت ترکیبی از مقادیر، متغیرها و عملگرها است که با یک مقدار محاسبه می شود.

5 * 10

  • کلمات کلیدی جاوا اسکریپت

از کلمات کلیدی جاوا اسکریپت برای شناسایی اقدامات انجام شده استفاده می شود. در این مثال کلمه کلیدی var به مرورگر می گوید متغیرهایی ایجاد کند:

var x, y;
x = 5 + 6;
y = x * 10;

  • کامنت گذاری در جاوا اسکریپت

همه عبارات جاوا اسکریپت قابل اجرا نیستند. کد پس از قرار گرفتن // یا بین / * و * / به عنوان کامنت در نظر گرفته می شود. کامنت ها نادیده گرفته می شوند و اجرا نمی شوند:

var x = 5;   // I will be executed
// var x = 6;   I will NOT be executed

  • شناسه های جاوا اسکریپت
  • شناسه ها نام هستند.
  • در جاوا اسکریپت، شناسه ها برای نامگذاری متغیرها و کلمات کلیدی، توابع و برچسب ها استفاده می شوند.
  • قوانین مربوط به نام های قانونی در اکثر زبان های برنامه نویسی یکسان است. در جاوا اسکریپت، اولین کاراکتر باید یک حرف یا یک زیر خط (_) یا یک علامت دلار ($) باشد. نویسه های بعدی ممکن است حروف ، رقم ، زیر خط یا علامت دلار باشند.
  • اعداد به عنوان شخصیت اول مجاز نیستند.
  • از این طریق جاوا اسکریپت می تواند شناسه ها را از اعداد به راحتی تشخیص دهد.
  • جاوا اسکریپت به حروف بزرگ و کوچک حساس است.
  • همه شناسه های جاوا اسکریپت به حروف کوچک و بزرگ حساس هستند.
  • متغیرهای lastName و lastname، دو متغیر مختلف هستند:

var lastname, lastName;
lastName = “Doe”;
lastname = “Peterson”;

  • مجموعه نویسه های جاوا اسکریپت

جاوا اسکریپت از مجموعه کاراکترهای Unicode استفاده می کند. یونیکد (تقریبا) تمام شخصیت ها، علائم نگارشی و نمادهای جهان را پوشش می دهد.

 

در این مقاله تلاش کردیم تا آموزش جاوا اسکریپت در حد مقدماتی را به شما عزیزان ارائه کنیم تا شما را به طراحی و توسعه وب سایت سوق دهیم. برای مشاهده آموزش های پیشرفته جاوا اسکریپت، شما می توانید دوره های آموزش جاوا اسکریپت را از مجموعه دارکوب تهیه نمایید. مجموعه آموزشی دارکوب این افتخار را دارد که با تدریس اساتید مجرب، شما در کمترین زمان به یک طراح وب حرفه ای تبدیل شوید.