کلیدستان

نسخه‌ی کامل: همه چیز درباره جاوا اسکریپت (قسمت دوم)
شما در حال مشاهده نسخه آرشیو هستید. برای مشاهده نسخه کامل کلیک کنید.
ویژگی‌های جاوااسکریپت:
 

پس از Html و Css، جاوااسکریپت اصلی‌ترین زبان مورد نیاز برای طراحی سایت است. بدیهی است با توجه به دامنه گسترده‌ امکانات جاوااسکریپت و پشتیبانی تمامی مرورگرها از آن، امروزه علاوه بر استفاده از Html و Css یادگیری این زبان نیز برای هر طراح و برنامه‌نویس وب الزامی است. از جمله امکانات و ویژگی‌های این زبان می‌توان به نکات زیر اشاره کرد:
  • امکان ویرایش کدها در هر نوع ویرایشگر متن بدون نیاز به نرم‌افزار خاص.

  • پشتیبانی از بیشتر ساختارهای کنترلی مانند if, if-else, for, while, switch و غیره.

  • حساسیت به حروف کوچک و بزرگ. (Case Sensitive)

  • عدم نیاز به مشخص کردن تایپ متغیر در هنگام تعریف متغیر. (نوع هر متغیر با توجه به مقدار منتسب شده به آن در نظر گرفته می‌شود.)

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

  • انجام محاسبات ریاضی.

  • دسترسی به مشخصه‌های هر قسمت از کد Html و حتی Cssهای آن‌ها. (مانند تغییر در رنگ، فونت، اندازه متن‌ها، ویژگی‌های تصاویر و غیره)

  • قابلیت تولید پویای کد Html در صورت نیاز.

  • انیمیشن‌سازی و پویایی محتویات سایت.

  • ساده‌سازی برخی از کدها نسبت به استفاده از Css. (مانند ایجاد منو، اسلایدر و غیره)

  • کاهش بار ترافیک سرور به علت وجود امکان بررسی اطلاعات سیستمی کاربر بدون نیاز به یک زبان Server Side.

  • کنترل مرورگر کاربر، تشخیص خصوصیات آن و نمایش مطالب سایت بر اساس اطلاعات به دست آمده.

  • اعتبار سنجی نوع داده‌های وارد شده به وسیله‌ کاربر.

  • تولید cookie مورد نیاز در سیستم کاربر و استفاده از آن.

  • کنترل رویدادها و امکان تعریف کد در ازای اتفاق افتادن یک رویداد. (Event handle)

  • ایجاد پیام و هشدار به کاربر بر مبنای دستور برنامه‌نویس.
کتابخانه‌های جاوااسکریپت
 
با گسترش کاربرد جاوااسکریپت همانند سایر زبان‌های برنامه‌نویسی در جهت فراهم نمودن توابع و ابزارهای پرکاربرد، کتابخانه‌های این زبان منتشر شدند. انتخاب کتابخانه باید با توجه به نیاز شما صورت پذیرد. از جمله می‌توان به Prototype, midori, Dojo Toolkit, MooTools, jsPHP, PDF.js و jQuery اشاره کرد. بنا به کاربرد، کتابخانه‌ها دریکی از دسته‌بندی‌های کلی زیر قرار می‌گیرند:
 
Animation                - Application Tools               -Audio                         -Development Aids-
Dom                        -Forms                               -Games                       -Helpers-
Images                    - Mobile and Touch              -Data                          -Typography-
User Interface          - Video                               -Miscellaneous-

 

 

محبوب‌ترین کتابخانه‌ jQuery است که استفاده از جاوااسکریپت را بسیار آسان می‌سازد. طراحی این کتابخانه به‌گونه‌ای است که روش استفاده از دستورات جاوااسکریپت را تغییر می‌دهد. لازم به ذکر است که jQuery جایگزینی برای جاوااسکریپت محسوب نمی‌شود و تنها دستورات نحوی ساده‌تری را در اختیار برنامه‌نویس قرار می‌دهد (مانند فراخوانی‌های Ajax). امروزه تقریبا برای انجام هر کاری می‌توانید پلاگین مناسبی از jQuery پیدا کنید.

انواع داده‌ها در جاوااسکریپت
 
متغیر محلی از حافظه است که دارای نام، نوع، آدرس و مقدار است و می‌تواند مقادیر مورد نیاز را در خود ذخیره کند. همان‌طور که گفته شد جاوااسکریپت به حروف کوچک و بزرگ حساس است و در صورت تعریف متغیر با هر کدام از این دو حالت، باید تا آخر به نام تعریف شده پایبند بود. یکی از نکات قابل بررسی در هر زبان برنامه‌نویسی، انواع داده (Data Type) است. نوع داده در جاوااسکریپت نیاز به تعریف ندارد و بنا بر مقدار منتسب شده، تشخیص داده می‌شود. تایپ‌های داده‌ای زیر در این زبان پشتیبانی می‌شود:

  1. - اعداد صحیح و اعشاری (Number)       
  2. - صحیح و غلط (Boolean)
  3. - متن (String)
  4. - Undefined
  5. - آرایه (Array)
  6. - Null
  7. - شی (Object)
  8. - RegExp

نحوه نگارش دستورات

یادگیری نحوه استفاده از این زبان به علت شباهت کلی به زبان‌های پایه مانند C++ ساده به نظر می‌رسد. ساختار نحوی به راحتی قابل درک است و با کمی تمرین در ذهن جای می‌گیرد. نگارش دستورات به دو روش کلی امکان پذیر است:

- استفاده از اسکریپت به روش internal  در صفحه  Html
- نوشتن کدها در فایل جداگانه‌ای به عنوان روش external

در روش اول دستورات مابین تگ زیر قرار می‌گیرند و مستقیما در head صفحه نوشته می‌شوند:
 


 

در روش دوم دستورات در فایلی با پسوند js تعریف می‌شوند. سپس فایل مذکور با تگ زیر در head فایل اصلی فراخوانی خواهد شد که در آن src آدرس فایل js است.