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

1. ‫وب‬ ‫بر‬ ‫مبتنی‬ ‫نویسی‬ ‫برنامه‬
Web Programming
‫خدا‬ ‫نام‬ ‫به‬
1
JavaScript

2. ‫اسکریپت‬ ‫جاوا‬
2
‫سه‬‫مولفه‬‫اصلی‬‫که‬‫برای‬‫ایجاد‬‫صفحات‬‫وب‬‫امروزی‬‫به‬‫کار‬‫روند‬‫می‬HTML،CSS‫و‬JavaScript‫هستند‬.
HTML‫در‬‫واقع‬‫محتوای‬‫صفحه‬‫وب‬‫را‬‫تعریف‬‫کند‬‫می‬‫که‬‫شامل‬،‫متن‬‫گرافیک‬‫و‬…‫است‬.
CSS‫برای‬‫زیبایی‬‫ظاهر‬‫صفحه‬‫به‬‫کار‬‫رود‬‫می‬‫و‬‫همۀ‬‫صفحاتی‬‫که‬‫رنگ‬‫و‬‫فونت‬‫زیبایشان‬‫شما‬‫را‬‫محصور‬‫خود‬‫کند‬‫می‬‫از‬‫ا‬‫ین‬
‫تکنولوژی‬‫استفاده‬‫اند‬‫کرده‬.
‫اگر‬‫بخواهید‬‫ها‬‫مولفه‬‫و‬‫اجزای‬‫پویا‬‫در‬‫صفحه‬‫داشته‬‫باشید‬‫یا‬‫عناصر‬‫موجود‬‫در‬‫صفحه‬‫را‬‫به‬‫ای‬‫گونه‬‫قابل‬‫ریزی‬‫برنامه‬‫کنی‬،‫د‬‫جاوا‬
‫اسکریپت‬‫این‬‫توانایی‬‫را‬‫در‬‫اختیارتان‬‫خواهد‬‫گذاشت‬.

3. ‫اسکریپت‬ ‫جاوا‬
3

4. ‫اسکریپت‬ ‫جاوا‬ ‫تاریخچه‬
4
‫توسعه‬‫جاوا‬‫اسکریپت‬‫در‬‫سال‬۱۹۹۵‫و‬‫توسط‬‫گروه‬Netscape‫شروع‬‫شد‬.‫این‬‫افراد‬‫در‬‫واقع‬
‫همان‬‫سازندگان‬‫مرورگر‬Netscape‫بودند‬.‫از‬‫آنجا‬‫که‬‫در‬‫آن‬‫زمان‬‫جاوا‬‫نیز‬‫زبان‬‫محبوب‬‫و‬
‫داغی‬‫برای‬‫وب‬‫به‬‫شمار‬،‫رفت‬‫می‬‫تصمیم‬‫گرفتند‬syntax‫این‬‫زبان‬‫را‬‫به‬‫جاوا‬‫نزدیک‬‫کنند‬.
‫نتیجه‬‫کار‬‫جاوا‬‫اسکریپت‬‫بود‬‫که‬‫شما‬Scheme))‫و‬‫ویژگی‬‫گرایی‬‫شی‬‫زبان‬SmallTalk‫و‬
‫نحو‬‫جاوا‬‫را‬‫به‬‫ارث‬‫برده‬‫است‬.‫اولین‬‫نسخه‬‫از‬‫این‬‫زبان‬‫که‬‫در‬‫ماه‬‫مه‬۱۹۹۵‫منتشر‬‫شد‬
Mocha‫نام‬‫گرفت‬.‫سپس‬‫در‬‫سپتامبر‬۱۹۹۵‫به‬LiveScript‫تغییر‬‫کرد‬‫و‬‫نهایتا‬‫در‬‫دسامبر‬
‫همان‬‫سال‬‫نام‬‫نهایی‬‫جاوا‬‫اسکریپت‬‫برای‬‫آن‬‫در‬‫نظر‬‫گرفته‬‫شد‬.

5. Influences
5

6. ‫توسط‬ ‫سازی‬ ‫استاندار‬ECMA
6
‫در‬‫سال‬۱۹۹۷‫اولین‬‫نسخه‬‫رسمی‬‫این‬‫زبان‬‫که‬‫توسط‬‫سازمان‬‫جهانی‬ECMA‫استاندارد‬‫شد‬
‫به‬‫عنوان‬ECMA-262‫منتشر‬‫شد‬.
 ECMAScript is the official name for JavaScript. A new name
became necessary because there is a trademark on Java (held
originally by Sun, now by Oracle). At the moment, Mozilla is one
of the few companies allowed to officially use the name
JavaScript because it received a license long ago.

7. ECMAScript6
7
‫اکما‬‫اسکریپت‬ES6‫در‬،‫واقع‬‫ورژن‬‫ششم‬‫زبان‬‫جاوا‬‫اسکریپت‬‫است‬‫که‬‫به‬‫آن‬
ECMAScript 2015‫نیز‬‫می‬‫گویند‬.(‫زمان‬‫استاندارد‬‫شدن‬‫آن‬‫سال‬۲۰۱۵‫بود‬‫و‬‫سازمان‬
‫المللی‬‫بین‬Ecma International‫آن‬‫را‬‫استاندارد‬‫سازی‬‫و‬‫پیاده‬‫سازی‬‫می‬‫کند‬)‫و‬‫از‬‫زمان‬
‫ارائه‬‫جاوا‬،‫اسکریپت‬‫بزرگ‬‫ترین‬‫تغییر‬‫و‬‫تحول‬‫آن‬‫محسوب‬‫می‬‫شود‬.‫با‬ES6‫مواردی‬‫مانند‬:
‫کالس‬،‫ها‬‫برنامه‬‫نویسی‬،‫تابعی‬‫ماژول‬‫ها‬‫اضافه‬‫شده‬‫است‬.

8. ‫کند؟‬‫می‬ ‫کار‬ ‫چگونه‬ ‫اسکریپت‬ ‫جاوا‬
8
،‫مرورگر‬‫صفحه‬‫را‬‫بارگذاری‬‫کند‬‫می‬‫و‬‫پس‬‫از‬‫ترجمه‬‫کدهای‬HTML،‫از‬‫متن‬‫به‬‫دست‬‫آمده‬
‫چیزی‬‫به‬‫نام‬Document Object Model‫یا‬‫مدل‬‫گرا‬‫شی‬‫متن‬‫برنامه‬‫و‬‫به‬‫اختصار‬
DOM‫را‬‫سازد‬‫می‬.DOM‫یک‬‫نمایش‬‫زنده‬‫از‬‫صفحه‬‫وب‬‫را‬‫به‬‫کد‬‫جاوا‬‫اسکریپت‬‫شما‬‫ارائه‬
‫دهد‬‫می‬.‫در‬‫این‬‫مرحله‬‫کد‬‫شما‬‫تواند‬‫می‬‫های‬‫روزرسانی‬‫به‬‫مورد‬‫نیاز‬‫برای‬DOM‫را‬‫انجام‬‫داده‬‫و‬
‫بالفاصله‬‫به‬‫کاربر‬‫ارائه‬‫دهد‬.

9. 9

10. 10

11. ‫اسکریپت‬ ‫جاوا‬ ‫کاربرد‬
11
‫کاری‬‫که‬‫مرورگر‬‫تواند‬‫می‬‫توسط‬‫جاوا‬‫اسکریپت‬‫انجام‬‫دهد‬‫این‬‫است‬‫که‬‫به‬‫شما‬‫این‬‫امکان‬‫را‬
‫دهد‬‫می‬‫کد‬‫خود‬‫را‬‫به‬‫ای‬‫گونه‬‫بنویسید‬‫که‬‫به‬‫رویدادهای‬‫انجام‬‫گرفته‬‫در‬‫سمت‬‫کاربر‬‫مانن‬‫د‬
‫حرکت‬‫دادن‬،‫موس‬‫کلیک‬‫بر‬‫روی‬‫یک‬‫دکمه‬‫و‬…‫پاسخگو‬‫باشد‬.‫با‬‫وجود‬‫چنین‬‫امکاناتی‬‫شما‬
‫توانید‬‫می‬‫به‬‫راحتی‬‫های‬‫برنامه‬‫کوچک‬‫و‬‫بسیار‬‫کاربردی‬‫برای‬‫اهدافی‬‫که‬‫در‬‫نظر‬‫دارید‬‫ب‬‫نویسید‬.

12. ‫مخرب‬ ‫کدهای‬‫اسکریپت‬ ‫جاوا‬
12
‫با‬‫توجه‬‫به‬‫های‬‫قابلیت‬‫بیشماری‬‫که‬‫جاوا‬‫اسکریپت‬،‫دارد‬‫طبیعی‬‫است‬‫که‬‫افراد‬‫سودجو‬‫سعی‬
‫کنند‬‫با‬‫استفاده‬‫از‬‫آن‬‫های‬‫برنامه‬‫مخرب‬‫مانند‬،‫ها‬‫ویروس‬‫بدافزارها‬‫و‬…‫را‬‫بنویسند‬‫و‬‫امنی‬‫ت‬
‫کاربران‬‫را‬‫به‬‫خطر‬‫بیاندازند‬.‫به‬‫چند‬‫نمونه‬‫از‬‫کارهایی‬‫که‬‫احتماال‬‫شما‬‫هم‬‫اید‬‫شنیده‬‫یا‬‫ق‬‫ربانی‬‫آن‬
‫اید‬‫شده‬‫اشاره‬‫کنیم‬‫می‬:‫سرقت‬‫اطالعات‬،‫ها‬‫کوکی‬‫رمزهای‬‫عبور‬‫و‬‫های‬‫کارت‬‫اعتباری‬‫و‬‫همچنی‬‫ن‬
‫ارسال‬‫های‬‫ویروس‬‫خطرناک‬‫به‬‫کامپیوتر‬‫شخصی‬‫شما‬.

13. Speaking JavaScript
13

14. ‫کدهای‬ ‫قرارگیری‬ ‫محل‬JavaScript
14
‫کدهای‬JavaScript‫در‬‫صفحه‬HTML‫باید‬‫بین‬‫تگهای‬<script> Code </script>
‫قرار‬‫داده‬‫شود‬.‫کدهای‬JavaScript‫را‬‫می‬‫توان‬‫در‬‫بدنه‬‫صفحه‬HTML‫بین‬‫تگهای‬‫باز‬‫و‬‫بسته‬
body‫و‬‫یا‬‫در‬‫قسمت‬head‫صفحه‬‫قرار‬‫داد‬.

15. ‫نکته‬
15
‫ممکن‬‫است‬‫برای‬‫تگ‬<script type="text/javascript">‫خصوصیت‬type‫را‬‫تنظیم‬
‫کنیم‬.‫در‬HTML5‫نیاز‬‫به‬‫انجام‬‫این‬‫کار‬،‫نیست‬‫چون‬‫در‬‫تمام‬‫مرورگرها‬‫اسکریپت‬‫پیشفرض‬،
JavaScript‫است‬.

16. ‫قسمت‬ ‫در‬ ‫اسکریپت‬ ‫جاوا‬ ‫کد‬ ‫مثال‬head
16

17. ‫مثال‬‫جاوا‬ ‫کد‬‫قسمت‬ ‫در‬ ‫اسکریپت‬body
17

18. ‫نکته‬
18
‫بهتر‬‫است‬‫کدهای‬‫جاوا‬‫اسکریپت‬‫در‬‫انتهای‬‫تگ‬body‫آورده‬‫شوند‬.

19. ‫فایل‬ ‫یک‬ ‫از‬ ‫استفاده‬JavaScript‫خارجی‬External JavaScript
19
‫کدهای‬JavaScript‫را‬‫همچنین‬‫می‬‫توان‬‫در‬‫یک‬‫فایل‬‫خارجی‬‫قرار‬‫داد‬.‫این‬‫فایل‬‫ها‬‫را‬‫باید‬
‫با‬‫فرمت‬.js‫ذخیره‬‫نمود‬.‫توجه‬‫کنید‬‫که‬‫اسکریبت‬‫خارجی‬‫نمی‬‫تواند‬‫شامل‬‫تگ‬‫های‬‫باز‬‫و‬‫ب‬‫سته‬
<script>‫و‬</script>‫باشد‬.

20. ‫به‬ ‫خارجی‬ ‫اسکریپت‬ ‫اتصال‬ ‫نحوه‬HTML
20
‫برای‬‫استفاه‬‫از‬‫یک‬‫فایل‬‫اسکریبت‬‫خارجی‬‫در‬‫صفحه‬HTML،‫باید‬‫خصوصیت‬src‫تگ‬
<script>‫را‬‫با‬‫آدرس‬،‫فایل‬‫تنظیم‬‫کنید‬:

21. External References
21

22. ‫صف‬ ‫یک‬ ‫به‬ ‫خارجی‬ ‫اسکریپت‬ ‫فایل‬ ‫چندین‬ ‫کردن‬ ‫اضافه‬‫حه‬
22
‫برای‬‫اضافه‬‫کردن‬‫چندین‬‫فایل‬‫اسکریپت‬‫خارجی‬‫به‬‫یک‬‫صفحه‬html‫باید‬‫هر‬‫کدام‬‫را‬‫جداگانه‬
‫باید‬‫تگ‬<script>‫به‬‫صفحه‬‫معرفی‬‫کرد‬.

23. ‫خارجی‬ ‫اسکریپت‬ ‫از‬ ‫استفاده‬ ‫مزایای‬
23
‫جدا‬‫سازی‬‫کدهای‬JavaScript‫از‬‫کدهای‬HTML
‫افزایش‬‫خوانایی‬‫برنامه‬‫و‬‫قابلیت‬‫نگهداری‬‫برنامه‬
‫فایل‬‫های‬‫جاوا‬‫اسکیپت‬‫کش‬‫شده‬(Cache)‫سرعت‬‫لود‬‫صفحات‬‫را‬‫باالتر‬‫می‬‫برد‬.

24. ‫اسکریپت‬ ‫جاوا‬ ‫در‬ ‫نمایش‬ ‫امکانات‬
24
‫جاوا‬‫اسکریپت‬‫می‬‫تواند‬‫داده‬‫ها‬‫را‬‫به‬‫روش‬‫های‬‫مختلفی‬‫نمایش‬‫دهد‬:
‫نوشتن‬‫در‬‫یک‬‫المان‬html‫با‬‫استفاده‬‫از‬‫دستور‬innerHTML
‫نوشتن‬‫در‬‫خروجی‬‫سند‬html‫با‬‫دستور‬document.write()
‫نوشتن‬‫در‬‫پنجره‬‫های‬‫هشدار‬‫با‬‫دستور‬window.alert()
‫نوشتن‬‫در‬‫داخل‬‫کنسول‬‫مرورگر‬‫با‬‫دستور‬console.log()

25. ‫از‬ ‫استفاده‬innerHTML
25
‫برای‬‫دستیابی‬‫به‬‫یک‬‫عنصر‬html‫می‬‫توانید‬‫از‬‫متد‬
document.getElementById(id)‫در‬‫جاوا‬‫اسکریپت‬‫استفاده‬‫کنید‬.‫خصوصیت‬id
‫عنصر‬‫مورد‬‫نظر‬‫را‬‫تعیین‬‫می‬‫کند‬.‫خصوصیت‬innerHTML‫محتوای‬‫مورد‬‫نظر‬‫که‬‫قرار‬‫است‬
‫در‬‫المان‬‫تعیین‬‫شده‬‫قرار‬‫گیرد‬‫را‬‫مشخص‬‫می‬‫کند‬.

26. ‫مثال‬
26

27. ‫نکته‬
27
‫استفاده‬‫از‬‫خاصیت‬innerHTML‫برای‬‫تغییر‬‫داده‬‫هایی‬‫که‬‫یک‬‫عنصر‬html‫نمایش‬‫می‬
،‫دهد‬‫روش‬‫رایجی‬‫می‬‫باشد‬.

28. ‫از‬ ‫استفاده‬document.write()
28

29. ‫نکته‬
29
‫استفاده‬‫از‬document.write()‫بعد‬‫از‬‫اینکه‬‫سند‬html‫به‬‫صورت‬‫کامل‬‫لود‬‫شده‬،‫باشد‬
‫تمام‬‫عناصر‬‫موجود‬‫در‬‫صفحه‬‫را‬‫از‬‫بین‬‫می‬‫برد‬.

30. ‫نکته‬
30
‫متد‬document.write()‫تنها‬‫باید‬‫برای‬‫تست‬‫کردن‬‫بکار‬‫رود‬.

31. ‫از‬ ‫استفاده‬window.alert()
31

32. ‫متد‬ ‫از‬ ‫استفاده‬console.log()
32
‫به‬‫منظور‬‫اشکال‬‫زدایی‬(debugging)‫می‬‫توان‬‫از‬‫متد‬console.log()‫برای‬‫نمایش‬‫داده‬
‫ها‬‫استفاده‬‫کرد‬.

33. ‫مثال‬
33

34. ‫بزرگ‬ ‫و‬ ‫کوچک‬ ‫حروف‬ ‫به‬ ‫حساس‬
34
‫کدهای‬JavaScript‫به‬‫حروف‬‫کوچک‬‫و‬‫بزرگ‬‫حساس‬‫است‬Case Sensitive)).

35. Comments
35
‫توضیحات‬‫تک‬‫خطی‬(Single Line Comments)
‫توضیحات‬‫چند‬‫خطی‬(Multiple Lines Comments)

36. Semicolons
36
‫به‬‫طور‬‫معمول‬‫در‬‫پایان‬‫هر‬‫دستور‬‫قابل‬،‫اجرا‬‫یک‬‫سمیکالن‬(;)‫اضافه‬‫می‬‫کنیم‬.‫براساس‬
‫استانداردهای‬JavaScript،‫قرار‬‫دادن‬،‫سمیکالن‬‫اختیاری‬‫است‬‫و‬‫مرورگر‬‫فرض‬‫می‬‫کند‬‫که‬
‫آخر‬،‫خط‬‫انتهای‬‫دستور‬‫است‬.‫به‬‫همین‬‫خاطر‬‫در‬‫اغلب‬‫مثال‬‫ها‬‫سمیکالن‬‫را‬‫در‬‫آخر‬‫خط‬‫نمی‬
‫بینید‬.‫استفاده‬‫از‬،‫سمیکالن‬‫این‬‫امکان‬‫را‬‫به‬‫شما‬‫می‬‫دهد‬‫که‬‫چندین‬‫دستور‬‫را‬‫در‬‫یک‬‫خ‬‫ط‬
‫بنویسید‬.

37. ‫نکته‬
37
‫پایان‬‫دادن‬‫دستورات‬‫با‬semicolons‫الزامی‬‫نیست‬‫ولی‬‫توصیه‬‫می‬‫شود‬‫که‬‫در‬‫پایان‬
‫دستورات‬semicolons‫را‬‫قرار‬‫دهید‬.

38. ‫اسکریپت‬ ‫جاوا‬ ‫در‬ ‫مقادیر‬JavaScript Values
38
‫در‬‫جاوا‬‫اسکریپت‬‫دو‬‫نوع‬‫از‬‫مقادیر‬‫وجود‬‫دارد‬.‫یکی‬‫مقادیر‬‫ثابت‬(Fixed values)‫که‬‫لیترال‬
(literals)‫نامیده‬‫می‬‫شوند‬‫و‬‫دیگری‬‫مقادیر‬‫متغیر‬(variable values)‫که‬‫متغیر‬
(variable values)‫نامیده‬‫می‬‫شوند‬.

39. ‫متغیر‬JavaScript Variables
39
‫متغیرها‬‫برای‬‫ذخیره‬‫مقادیر‬‫داده‬‫ها‬‫بکار‬‫می‬‫روند‬.‫در‬‫جاوا‬‫اسکریپت‬‫متغیر‬‫با‬‫کلمه‬‫کلی‬‫دی‬var
‫اعالن‬(declare)‫می‬‫شود‬.

40. ‫کلیدی‬ ‫کلمه‬let
40
‫در‬ECMAScript6‫کلمه‬‫کلیدی‬let‫برای‬‫تعریف‬‫متغیر‬‫معرفی‬‫شده‬‫است‬.‫متغیری‬‫که‬‫ب‬‫ا‬
‫کلمه‬‫کلیدی‬let‫اعالن‬،‫شود‬‫تنها‬‫در‬‫بلوک‬‫تعریف‬‫شده‬‫قابل‬‫دستیابی‬‫می‬‫باشد‬(Block
Scope).‫تا‬‫قبل‬‫از‬ES6‫تنها‬‫دو‬‫نوع‬‫حوزه‬‫متغیر‬‫وجود‬‫داشت‬‫که‬‫عبارت‬‫از‬Global
Scope‫و‬Function Scope.

41. Global Scope
41
‫متغیرهای‬Global‫از‬‫همه‬‫جای‬‫برنامه‬‫قابل‬‫دسترسی‬‫هستند‬.

42. Function Scope
42
‫متغیرهای‬Local‫تنها‬‫درون‬‫تابعی‬‫که‬‫اعالن‬‫می‬‫شوند‬‫قابل‬‫دسترسی‬‫هستند‬.

43. Block Scope
43
‫متغیرهایی‬‫که‬‫با‬‫کلمه‬‫کلیدی‬var‫اعالن‬‫شوند‬‫نمی‬‫توانند‬Block Scope‫داشته‬‫باشند‬.‫این‬
‫متغیرهای‬‫که‬‫درون‬‫یک‬‫بلوک‬{}‫تعریف‬‫شوند‬‫خارج‬‫از‬‫بلوک‬‫قابل‬‫دستیابی‬‫هستند‬.‫متغیر‬‫های‬
‫که‬‫با‬‫کلمه‬‫کلیدی‬let‫تعریف‬‫شوند‬‫می‬‫توانند‬Block Scope‫باشند‬.‫این‬‫متغیرها‬‫خارج‬‫از‬
‫بلوک‬}{‫قابل‬‫دستیابی‬‫نمی‬‫باشند‬.

44. ‫متغیر‬ ‫مجدد‬ ‫اعالن‬Redeclaring Variables
44

45. ‫متغیر‬ ‫مجدد‬ ‫اعالن‬Re-Declaring Variables
45

46. ‫ها‬ ‫شناسه‬Identifiers
46
‫متغیرهای‬‫جاوا‬‫اسکریپت‬‫باید‬‫با‬‫نام‬‫های‬‫یکتا‬‫شناسایی‬‫شوند‬.‫این‬‫نام‬‫های‬‫یکتا‬‫شن‬‫اسه‬
(identifiers)‫نام‬‫دارند‬.‫قواعد‬‫نام‬‫گذاری‬‫شناسه‬‫ها‬‫به‬‫صورت‬‫زیر‬‫است‬:
‫نام‬‫شناسه‬‫ها‬‫می‬‫تواند‬‫حاوی‬،‫حروف‬‫اعداد‬‫و‬‫کاراکترهای‬_(underscore)‫و‬&(dollar)‫باشد‬.
‫نام‬‫شناسه‬‫حتما‬‫باید‬‫با‬‫حرف‬‫شروع‬‫شود‬.
‫نام‬‫شناسه‬‫می‬‫تواند‬‫با‬‫عالمت‬&‫و‬_‫نیز‬‫شروع‬‫شود‬‫ولی‬‫این‬‫کار‬‫توصیه‬‫نمی‬‫شود‬.
‫نام‬‫شناسه‬‫ها‬‫نسبت‬‫به‬‫حروف‬‫کوچک‬‫و‬‫بزرگ‬‫حساس‬‫است‬.
‫از‬‫کلمات‬‫رزرو‬‫شده‬‫نباید‬‫به‬‫عنوان‬‫نام‬‫شناسه‬‫استفاده‬‫کرد‬.

47. ‫کلیدی‬ ‫کلمه‬ ‫با‬ ‫ثابت‬ ‫تعریف‬Const
47
‫در‬ES6‫کلمه‬‫کلیدی‬const‫برای‬‫تعریف‬‫ثابت‬‫معرفی‬‫شده‬‫است‬.‫مقدار‬‫ثابت‬‫در‬‫طول‬‫برن‬‫امه‬
‫قابل‬‫تغییر‬‫نمی‬‫باشد‬.

48. ‫کلیدی‬ ‫کلمه‬ ‫با‬ ‫ثابت‬ ‫تعریف‬Const
48
‫مقدار‬‫ثابت‬‫را‬‫باید‬‫در‬‫هنگام‬‫اعالن‬‫مقدارش‬‫را‬‫مشخص‬‫نمود‬.

49. ‫داده‬ ‫های‬ ‫نوع‬Data Types
49
‫نوع‬‫عددی‬(numbers)
‫نوع‬‫رشته‬‫ای‬(strings)
objects
Booleans

50. JavaScript Types are Dynamic
50
‫جاوا‬‫اسکریپت‬‫نوع‬‫های‬‫داده‬‫دینامیک‬‫دارد‬‫به‬‫این‬‫معنی‬‫که‬‫متغیرها‬‫می‬‫توانند‬‫نوع‬‫های‬‫م‬‫ختلف‬
‫را‬‫نگه‬‫دارند‬.

51. ‫داده‬ ‫نوع‬Boolean
51

52. ‫ای‬ ‫رشته‬ ‫داده‬ ‫نوع‬
52
‫نوع‬‫داده‬‫رشته‬‫ای‬‫برای‬‫ذخیره‬‫و‬‫مدیریت‬‫متن‬‫بکار‬‫می‬‫رود‬.

53. ‫رشته‬ ‫طول‬ ‫آوردن‬ ‫دست‬ ‫به‬
53
‫برای‬‫به‬‫دست‬‫آوردن‬‫طول‬‫رشته‬‫می‬‫توان‬‫از‬‫تابع‬length‫استفاده‬‫کرد‬.

54. ‫رشته‬ ‫روی‬ ‫بر‬ ‫اعمال‬ ‫قابل‬ ‫متدهای‬
54
 length
 indexOf()

55. ‫رشته‬ ‫روی‬ ‫بر‬ ‫اعمال‬ ‫قابل‬ ‫متدهای‬
55
 search()

56. ‫نکته‬
56

57. ‫آرایه‬Arrays
57
‫عناصر‬‫آرایه‬‫داخل‬[ ]‫نوشته‬‫می‬‫شوند‬‫و‬‫با‬‫کاما‬‫از‬‫یکدیگر‬‫جدا‬‫می‬‫شوند‬.

58. 58
‫عملگرها‬
Operators

59. ‫عملگرها‬Operators
59
Arithmetic Operators
Assignment Operators
String Operators
Comparison Operators
Logical Operators
Type Operators

60. ‫محاسباتی‬ ‫عملگرهای‬Arithmetic
60
‫عملگرهای‬‫ریاضی‬‫بر‬‫روی‬‫اعداد‬‫اجرا‬‫می‬‫شوند‬.

61. ‫مثال‬
61

62. ‫تخصیص‬ ‫عملگرهای‬Assignment
62

63. ‫مثال‬
63

64. ‫ای‬ ‫رشته‬ ‫عملگرهای‬String
64
‫عملگر‬+‫برای‬‫الحاق‬‫دو‬‫رشته‬‫به‬‫یکدیگر‬‫بکارمی‬‫رود‬.

65. ‫ای‬ ‫مقایسه‬ ‫عملگرهای‬Comparison
65

66. ‫مثال‬
66

67. ‫منطقی‬ ‫عملگرهای‬Logical
67

68. ‫مثال‬
68

69. 69
‫توابع‬
Function

70. ‫تابع‬
70
‫تابع‬‫یک‬‫بلوکی‬‫از‬‫کد‬‫می‬‫باشد‬‫که‬‫برای‬‫انجام‬‫یک‬‫وظیفه‬‫خاص‬‫ایجاد‬‫می‬‫شود‬.‫در‬‫جاوا‬‫اس‬‫کریپت‬
‫تابع‬‫زمانی‬‫اجرا‬‫می‬‫شود‬‫که‬‫توسط‬‫شی‬‫دیگر‬‫فراخوانی‬(Invoke or Call)‫شود‬.

71. ‫تعریف‬ ‫نحوه‬‫تابع‬
71
‫نوشتن‬‫تابع‬‫با‬‫کلمه‬‫کلیدی‬function‫شروع‬‫می‬،‫شود‬‫سپس‬‫نام‬‫تابع‬‫و‬‫بعد‬‫از‬‫آن‬‫عالمت‬)(
‫آورده‬‫می‬‫شود‬.‫کد‬‫بدنه‬‫تابع‬‫درون‬‫بلوک‬{}‫قرار‬‫می‬‫گیرد‬.‫نام‬‫تابع‬‫از‬‫قوانین‬‫نام‬‫گذاری‬‫شناسه‬
‫ها‬‫تبعیت‬‫می‬‫کند‬.‫تابع‬‫می‬‫تواند‬‫دارای‬‫مقداری‬‫به‬‫عنوان‬‫ورودی‬‫باشد‬‫که‬‫به‬‫آن‬‫پارامتر‬‫گ‬‫فته‬‫می‬
‫شود‬.‫لیست‬‫پارامترهای‬‫تابع‬‫درون‬‫پرانتز‬‫مشخص‬‫می‬‫شود‬.

72. ‫تابع‬ ‫فراخوانی‬Function Invocation
72
‫کدهای‬‫داخل‬‫بلوک‬‫تابع‬‫زمانی‬‫که‬‫تابع‬‫فراخوانی‬‫می‬،‫شود‬‫اجرا‬‫می‬‫گردد‬.‫فراخوانی‬‫تابع‬‫م‬‫ی‬
‫تواند‬‫هنگامی‬‫روی‬‫دهد‬‫که‬:
‫یک‬‫رویدادی‬‫اتفاق‬‫می‬‫افتد‬(ً‫ال‬‫مث‬‫کاربر‬‫دکمه‬‫ای‬‫را‬‫کلیک‬‫می‬‫کند‬)
‫دستوری‬‫در‬،‫برنامه‬‫تابع‬‫را‬‫فراخوانی‬‫کند‬
‫خود‬‫تابع‬‫خودش‬‫را‬‫فراخوانی‬‫کند‬(self invoked)

73. ‫تابع‬ ‫برگشتی‬ ‫مقدار‬Function Return
73
‫تابع‬‫می‬‫تواند‬‫پس‬‫از‬‫اجرای‬،‫کارش‬‫مقداری‬‫را‬‫به‬‫شی‬‫که‬‫آن‬‫را‬‫فراخوانی‬‫کرده‬‫بود‬‫برگشت‬‫دهد‬.
‫مقدار‬‫برگشتی‬‫تابع‬‫با‬‫کلمه‬‫کلیدی‬return‫مشخص‬‫می‬‫شود‬.

74. ‫مثال‬
74

75. ‫تابع‬ ‫از‬ ‫استفاده‬ ‫دالیل‬
75
‫استفاده‬‫مجدد‬‫از‬‫کد‬(reuse code)
‫کد‬‫یک‬‫بار‬‫نوشته‬‫می‬‫شود‬‫ولی‬‫می‬‫تواند‬‫به‬‫دفعات‬‫مورد‬‫استفاده‬‫قرار‬‫گیرد‬.

76. 76
Objects

77. ‫واقعی‬ ‫دنیای‬ ‫اشیای‬Real Life Objects
77
‫در‬‫دنیای‬‫واقعی‬‫اشیا‬‫دارای‬‫خاصیت‬(properties)‫و‬‫متدهایی‬(methods)‫می‬‫باشند‬.

78. ‫تعریف‬object‫اسکریپت‬ ‫جاوا‬ ‫در‬
78
‫برای‬‫تعریف‬‫یک‬،‫شیء‬‫از‬‫آکوالد‬‫استفاده‬‫می‬‫شود‬.‫داخل‬،‫آکوالد‬‫خصوصیات‬‫شیء‬‫بصور‬‫ت‬
(‫مقدار‬=‫نام‬‫خصوصیت‬)‫تعریف‬‫می‬‫شود‬.‫خصوصیت‬‫ها‬‫با‬‫کاما‬‫از‬‫هم‬‫جدا‬‫می‬‫شوند‬:

79. ‫تعریف‬object‫اسکریپت‬ ‫جاوا‬ ‫در‬
79
Object‫را‬‫به‬‫صورت‬‫چند‬‫خطی‬‫هم‬‫می‬‫توان‬‫تعریف‬‫کرد‬.

80. ‫یک‬ ‫های‬ ‫خصوصیت‬ ‫به‬ ‫دسترسی‬‫شی‬
80
‫دسترسی‬‫به‬‫خصوصیت‬‫های‬‫یک‬‫شی‬‫به‬‫دو‬‫روش‬‫ممکن‬‫است‬:

81. ‫شی‬ ‫متدهای‬Object Methods
81
Object‫ها‬‫می‬‫توانند‬‫دارای‬‫متد‬‫باشند‬.‫متد‬‫ها‬‫عملیاتی‬(actions)‫هستند‬‫که‬‫می‬‫توانند‬‫بر‬
‫روی‬‫شی‬‫اجرا‬‫شوند‬.‫متد‬‫ها‬‫در‬‫خصوصیت‬‫شی‬‫مانند‬‫تابع‬‫ذخیره‬‫می‬‫شوند‬.

82. ‫کلیدی‬ ‫کلمه‬this
82
‫در‬‫تعریف‬‫تابع؛‬‫کلمه‬this‫به‬‫صاحت‬‫خود‬‫تابع‬‫اشاره‬‫می‬‫کند‬.‫به‬‫عنوان‬‫مثال‬‫در‬‫زیر‬this
‫خود‬‫شی‬person‫می‬‫باشد‬‫که‬‫دارای‬‫تابع‬fullName‫می‬‫باشد‬.

83. ‫شی‬ ‫متدها‬ ‫به‬ ‫دسترسی‬Accessing Object Methods
83
‫برای‬‫دسترسی‬‫به‬‫متد‬‫های‬‫شی‬‫از‬‫روش‬‫زیر‬‫استفاده‬‫می‬‫شود‬.

84. 84
Events

85. ‫ها‬ ‫رویداد‬JavaScript Events
85
‫زمانی‬‫که‬‫از‬‫جاوا‬‫اسکریپت‬‫در‬‫صفحات‬html‫استفاده‬‫می‬،‫شود‬‫جاوا‬‫اسکریپت‬‫می‬‫تواند‬‫به‬‫رویداد‬
‫های‬‫که‬‫در‬‫صفحه‬‫اتفاق‬‫می‬‫افتد‬‫واکنش‬‫نشان‬‫دهد‬.‫نمونه‬‫هایی‬‫از‬‫رویداد‬‫هایی‬‫که‬‫در‬‫یک‬‫صفح‬‫ه‬
html‫اتفاق‬‫می‬‫افتد‬‫موارد‬‫زیر‬‫است‬:
‫لود‬‫شدن‬‫صفحه‬html‫به‬‫پایان‬‫به‬‫رسد‬(‫صفحه‬‫به‬‫طور‬‫کامل‬‫لود‬‫شود‬)
‫فیلد‬‫ورودی‬‫داده‬‫ای‬‫تغییر‬‫کند‬.
‫دکمه‬‫ای‬‫در‬‫صفحه‬‫کیلیک‬‫شود‬
‫و‬...

86. ‫ها‬ ‫رویداد‬JavaScript Events
86
‫در‬‫عناصر‬html‫امکان‬‫اضافه‬‫کردن‬‫مدیریت‬‫رویدادها‬(event handler)‫به‬‫عنوان‬
‫خصوصیت‬‫وجود‬‫دارد‬.

87. ‫رویداد‬ ‫دادن‬ ‫رخ‬ ‫هنگام‬ ‫تابع‬ ‫فراخوانی‬
87
‫با‬‫توجه‬‫به‬‫اینکه‬‫کدهای‬‫جاوا‬‫اسکریپت‬‫برای‬‫مدیریت‬‫رویداد‬‫ممکن‬‫است‬‫چندین‬‫خط‬‫با‬،‫شد‬‫بهتر‬
‫است‬‫در‬‫خصویت‬‫عنصر‬html‫مورد‬‫نظر‬‫تابعی‬‫فراخوانی‬‫شود‬.

88. ‫ها‬ ‫رویداد‬ ‫ترین‬ ‫متداول‬Common HTML Events
88

89. 89
‫کنترلی‬ ‫ساختارهای‬

90. 90

91. 91
The End