همه چیز درباره ی جاوا اسکریپت
1396/09/13 16:34 , شایان مسلمی

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

توسعه ی جاوااسکریپت در سال 1995 در Netscape Communications ، سازندگان مرورگر Netscape، آغاز شد. آن ها فهمیدند که اضافه کردن glue language برای بهبود تجربه ی کاربر در وب ،درک آن ها را بالا میبرد.بنابراین آن ها ،Brendan Eich را برای به کار گیری Scheme Programming Language به کار گرفتند.اگرچه، جاوا در آن زمان زبان جدید وب بود، آن ها تصمیم گرفتند که زبانی بسازند که به جاوا نزدیک باشد.نتیجه جاوااسکریپت بود که ترکیبی از جاوا ، شئ گرا و شامل Scheme نیز میشد.اولین نسخه ی این زبان در می 1995، Mocha نام داشت ولی در سپتامبر 1995 به LiveScript تغییر نام داد و دوباره در دسامبر 1995 به جاوااسکریپت تغییر پیدا کرد.

در سال 1996، جاوااسکریپت در ECMA International ثبت شد.در ژوئن 1997، اولین مشخصه ی رسمی از زبان در ECMA-262 عرضه شد.آخرین نسخه ی زبان ECMAScript 2017 است.

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

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

  • اعلام کردن متغیرها
  • ذخیره سازی و برداشت متغیرها
  • تعیین و درخواست عملکردها
  • بارگذاری و استفاده از ماژول های خارجی
  • برنامه نویسی رویدادمحور که به کاربر و سایر رویدادها واکنش نشان دهد

مرورگر یک صفحه را بارگذاری میکند،HTML را تجزیه میکند و چیزی را میسازد که به عنوان Document Object Model از محتوا شناخته میشود.DOM یک دید زنده از صفحه را برای کد جاوااسکریپت شما ارائه میکند.مرورگر به شما اجازه میدهد که کدتان را ثبت کنید و از رویدادهای محیط کاربری مطلع بشوید، مثل : حرکت موس، دکمه ی کلیک و غیره.با استفاده از تمام این امکانات،میتوانید برنامه های کوچکی بر اساس هدفتان بسازید .

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

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

زمانی که مرورگر یک صفحه را بارگذاری میکند، پارسر HTML شروع به تجزیه کدHTML میکند و DOM را میسازد.زمانی که تجزیه کننده به یک دستوردهنده ی CSS یا JavaScript برمیخورد، بر حسب نیاز به تجزیه کننده ی CSS یا JavaScipt منتقل میشود.موتور جاوااسکریپت فایل های خارجی و کدهای داخلی جاوااسکریپت را بارگذاری میکند،اما فوراً آن ها را اجرا نمیکند.برای تجزیه ی CSS و HTML صبر میکند تا کامل بشود.زمانی که کامل شد، جاوااسکریپت مانند آنهایی که در صفحه ی وب بودند، اجرا میشود:متغیرها و عملکردها تعیین شده اند،رویدادمحورها تریگر شده اند و غیره.این فعالیت ها باعث میشود که DOM توسط جاوااسکریپت آپدیت بشود و توسط مرورگر ترجمه بشود.

بارگذاری جاوااسکریپت در یک صفحه ی وب

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

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

<script type="text/javascript" src="/path/to/javascript"></script>

You can specify the complete URL if the javascript is from a different domain from the web page as follows:

<script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script>

JavaScript can be directly embedded in the HTML. The following causes the web page to popup an alert box when it is loaded.

<script type="text/javascript">

alert("Page is loaded");

</script>

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

مثالی از اسنیپت کدهای جاوااسکریپت

مثال های زیر نشان میدهد که استفاده از این زبان چقدر ساده است:

مورد زیر تمام عناصر bold را انتخاب میکند و رنگ اولین مورد را به قرمز تغییر میدهد.

  • var elems = document.getElementsByTagName('b');
  • elems[0].style.color = 'red';

میخواهید تصویر را در تگ img تغییر بدهید؟ مورد زیر با یک رویدادمحور برای رویداد کلیک یک دکمه ،در ارتباط است.

<img id="myImg" src="prev-image.png">
<button onclick="getElementById('myImg').src='new-image.png'">Change Image</button>
Update the text content of a paragraph (p) element? Set the innerHTMLproperty of the element as shown:
<p id="first-para">Hello World</p>
<button onclick="document.getElementById('first-para').innerHTML = "Welcome to JavaScript!"'>Click me</button>

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

 مطالب مرتبط

بررسی برنامه‌نویسی تابعی 
ES6 چیست و برنامه‌نویس‌های جاوا اسکریپت چه چیزهایی باید بدانند؟
 طبقه بندی زبان های برنامه نویسی
جاوا در برابر جاوا اسکریپت: هر آنچه باید بدانید!
چرا زبان جاوا‌ اسکریپت بهترین زبان برنامه‌نویسی برای آینده است؟
برنامه نویسی شیءگرا چیست؟

 

از آخرین دوره های آموزشی و تخفیف ها مطلع شوید

با تکمیل فرم زیر ، از اخبار و اطلاعات به روز برنامه نویسی و تکنولوژی عقب نمانید

آخرین مطالب

آموزش جامع SQL Server (جلسه ۱۲)
آموزش جامع SQL Server (جلسه ۱۲)

دستور UPDATE در SQL Server برای تغییر داده‌های موجود در یک جدول، از دستور UPDATE به شکل زیر استفاده ...

آموزش جامع SQL Server (جلسه ۱۵)
آموزش جامع SQL Server (جلسه ۱۵)

دستور DROP TABLE در SQL Server گاهی، لازم است یک جدول که دیگر استفاده‌ای ندارد را حذف کنید. برای ...

آموزش جامع SQL Server (جلسه ۳۵: Window Functionها – بخش ۲)
آموزش جامع SQL Server (جلسه ۳۵: Window Functionها – بخش ۲)

بخش اول از آخرین مبحث دوره جامع آموزش SQL Server در جلسه قبلی بررسی شد. این مبحث که ...

آخرین دیدگاه ها

دیدگاه خود را درباره این پست بنویسید

فرم ارسال نظرات