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

این بخش از آموزش درباره هسته جاوا اسکریپت یا زبان جاوا اسکریپت هست. بعداً در مورد node.js و پلتفرم های دیگه یای که از جاوا اسکریپت استفاده میکند رو آموزش میدیم.

برای اجرای اسکریپت ها به بک محیط کاری نیاز داریم .

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

چند تا از دستورات خاص مروگر را حفظ میکنیم.برای اینکه وقتی توی یک محیط دیگه تمرکز کردیم ،دیگه وقتمونو برای این دستورات هدر ندیم.

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

پس ابتدا بیایید ببینیم چجووری توی یه صفحه وب کد های جاوا اسکریپت رو مینویسیم.
در محیط های سمت سرور مثل node.js میتونیم اسکریپت رو با دستور node my.js اجرا کنیم.

تگ اسکریپت

برنامه های جاوا اسکریپت را میتوان با استفاده از تگ script در هر جای صفحه جاگذاری کرد.

نمونه :

 

تگ script  شامل کد های جاوا اسکریپت هست که مرورگر به صورت اتوماتیک اونها رو پرودازش و اجرا میکند.

نشانه گذاری مدرن

تگ script دارای تعداد اندک attribute هست که به ندرت استفاده میشن اما هنوز در کد های قدیمی میتونید اونها رو پیدا کنید.

ویژگیtype:

در html استاندارد و html4 تگ اسکریپت به ویژگی type نیاز داشت معمولا به صورت type=”text/javascript” نوشته میشد که دیگه نوشتنش نیاز نیست.

استاندارد جدید html ، html5 کاملا مفهوم این ویژگی رو تغیر داد.درحال حاظر میتونیم برای ماژول های جاوا اسکریپت ازش استفاده کنیم.

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

ویژگی  language:

این ویژگی نشان دهنده زبان اسکریپت هست . این ویژگی هم دیگه حس نمیشه چون جاوا اسکریپت زبان پیشفر هست و دیگه نیازی نیست که استفاده ش کنیم.

کامنت ها ی قبل و بعد script.

ممکنه که شما در کتاب های و راهنما های قدیمی کامنت های در داخل تگ script مثل کد زیر ببینید:

این ترفند رو توی جاوا اسکریپت مدرن استفاده نمیکنن . این کامنت های مخفی کد های جاوا اسکریپت توی مرورگر های قدیمی هستند که نمیدونن چجوری تگ script رو پردازش کنند.

از اونجایی که مرورگر های ۱۵ سال گذشته این مسئله رو ندارند. و میتونه شما رو برای شناسایی کد های قدیمی تر کمک کنه.

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

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

بعد اونو توی صفحه تون اجراش کنید.

نمونه فایل js اتچ شده:

تگ src مسیر فایل js  هست. همچنین شما میتونید فایل js رو توی فولدر جاری بریزید و فقط اسم فایل رو در ویژگی src تگ script قرار بدید.

و یا اینکه آدرس کامل رو در src مثل کد زیر قرار بدید:

میتونید هر تعداد فایلی که میخواهید به صفحه html اتچ کنید


توجه داشته باشید که :

  1. فقط کد های کوتاه و ساده را در html قرار بدید کد های پیچیده رو در فایل جداگانه بنویسید.
  2. یکی از مزیت های جدا کردن کد ها به فایل های js اینه که مرورگر اونها رو توی حافظه کش ذخیره میکنه.
  3. بعد از ذخیره شدن در کش وقتی شما به صفحات دیگه میرید دیگه نیازی نیست مرورگر اون اسکریپت ها رو دانلود کنه چون قبلا ذخیره کرده.
  4. ترافیک رو کم میکنه و سرعت بارگذاری صفحات زیاد میشن.

اگر ویژگی src تعریف شده باشه محتوای داخل تگ نادیده گرفته میشود.

تگ script نمیتونه به دو صورت عمل کنه یه فایل رو از src میخونه و اجرا میکنه و در صورتی که وجود نداشته باشه کد داخل تگ رو اجرا میکنه.

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

خلاصه

  • برای اضافه کردن کد های جاوا اسکریپت از تگ script میتونیم استفاده کنیم.
  • ویژگی های type و language  دیگه نیاز نیست.
  • برای اتچ کردن فایل جانبی از ویژگی src استفاده میکنیم.

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

اما بذارید اینا رو تو ذهمنون نگه داریم که این بخش از آموزش به زبان جاوا اسکریپت اختصاص داده شده است

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

منبع : javascript.info

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

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *