رفتن به مطلب



iran rules jazbe modir
snapphost mahak

DOCTOR ROBOT

Programming-JS دوره آموزشی مقدماتی JavaScript

پست های پیشنهاد شده

telegram channel   jazbe modir

مقدمه آموزش JavaScript

 
 

 

آموزش JavaScript (جاوا اسکریپت) - مقدمه

 

JavaScript (جاوا اسکریپت) یک زبان اسکریپت نویسی تحت وب است.

JavaScript (جاوا اسکریپت) در میلیون ها صفحه وب برای اضافه کردن توابع، اعتبار سنجی فرم ها، ارتباط برقرار کردن با سرور و ... استفاده شده است.

یادگیری JavaScript (جاوا اسکریپت) آسان است و از آموزش آن لذت خواهید برد.

قبل از شروع اموزش بهتره است با دو چیز اشنا باشید:

برای مشاهده ی این بخش لطفا وارد حساب کابری خود شوید یا اگر عضو نیستید از این قسمت عضو سایت شوید

برای مشاهده ی این بخش لطفا وارد حساب کابری خود شوید یا اگر عضو نیستید از این قسمت عضو سایت شوید

JavaScript (جاوا اسکریپت) یک زبان اسکریپت نویسی است

  • JavaScript (جاوا اسکریپت) محبوب ترین زبان اسکریپت نویسی تحت وب است و با عمده مرورگرها مانند Firefox, Chrome, Opera ,Internet Explorer و Safari کار می کند.
  • JavaScript (جاوا اسکریپت) برای اضافه کردن تعامل بیشتر در صفحات HTML، بوجود آمده است.
  • JavaScript (جاوا اسکریپت) معمولاً در بین کدهای HTML قرار می گیرد. (embedded)
  • JavaScript (جاوا اسکریپت) یک زبان تفسیر شده است. (یعنی اینکه اسکریپت ها بدون مقدمات کامپایل، اجرا می شوند)
  • هر کسی می تواند از JavaScript (جاوا اسکریپت) استفاده کند، بدون اینکه نیاز به خرید مجوز آن باشد.

 

آیا JavaScript (جاوا اسکریپت) و Java یکی اند؟

نه!
JavaScript (جاوا اسکریپت) و java از نظر مفهوم و طراحی، دو زبان کاملا متفاوت هستند.
java (که توسط شرکت sun توسعه یافته است) قوی و بسیار پیچیده تر از JavaScript (جاوا اسکریپت) است و در دسته بندی زبان هایی مانند C و ++C قرار می گیرد.

 

JavaScript = ECMAScript

JavaScript (جاوا اسکریپت) یک پیاده سازی از زبان استاندارد ECMAScript است. ECMA-262 استاندارد رسمی JavaScript (جاوا اسکریپت) است.

این زبان توسط "Brendan Eich" در Nets cape (با Navigator2.0) ابداع شده است و تقریباً در تمام مرورگرها از سال 1996 ظاهر شده است.

توسعه ی استاندارد ECMA_262 از سال 1996 و اولین ویرایش آن در 1997 توسط مجمع عمومی ECMA پذیرفته شد.

استاندارد ECMA به عنوان یک استاندارد ISO جهانی (ISO/IEC 16262) در سال 1998 تصویب شده است.

توسعه استاندارد هنوز هم در حال پیشرفت است.

پسند شده توسط Sheikh Shahin و ReZa CLONER

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

محل قرارگیری کدهای JavaScript

 
JavaScript

کدهای JavaScript در صفحه HTML باید بین تگهای <script> و <script/> قرار داده شود.

کدهای JavaScript را می توان در بدنه صفحه HTML (بین تگهای باز و بسته <body> و <body/>) و یا در قسمت <head> صفحه قرار داد.


 تگ <script>

از تگ <script>، برای وارد کردن کدهای JavaScript در صفحه HTML استفاده می شود.

تگهای باز و بسته <script> و <script/> می گوید، کدهای JavaScript کجا شروع و کجا پایان یافته است.

خطوط بین <script> و <script/> شامل کدهای JavaScript است:

برای مشاهده ی این بخش لطفا وارد حساب کابری خود شوید یا اگر عضو نیستید از این قسمت عضو سایت شوید

 

مرورگر، کد JavaScript بین <script> و <script/> را ترجمه و اجرا می کند.

lamp.pngتوجه: بدون تگ های باز و بسته <script> و <script/> ، مرورگر با دستورات بین آنها مانند یک متن معمولی برخورد می کند و آنها را عیناً در صفحه HTML نمایش می دهد.

lamp.pngتوجه: ممکن است برای تگ <script> خصوصیت type را تنظیم کنیم ("text/javascript"). نیاز به انجام این کار نیست، چون در تمام مرورگرها و در HTML5 زبان اسکریپت پیشفرض، JavaScript است.

 کدهای JavaScript در بدنه صفحه HTML

در مثال زیر، هنگام بارگذاری صفحه یا (onload)، خروجی HTML در قسمت <body> چاپ می شود:

مثال (محل قرارگیری کدهای JavaScript)

برای مشاهده ی این بخش لطفا وارد حساب کابری خود شوید یا اگر عضو نیستید از این قسمت عضو سایت شوید

 

همچنین در مثال زیر، تاریخ جاری سیستم، هنگام بارگذاری صفحه، داخل عنصر با شناسه "demo" نوشته می شود:

مثال (محل قرارگیری کدهای JavaScript)

برای مشاهده ی این بخش لطفا وارد حساب کابری خود شوید یا اگر عضو نیستید از این قسمت عضو سایت شوید

 

lamp.pngتوجه: برای اطمینان بیشتر، کد JavaScript در پایین صفحه HTML قرار داده شده است (نباید قبل از ایجاد عنصر <p> کدمان اجرا شود) 

 

توابع و رویدادها در JavaScript

کدهای JavaScript در صفحه HTML، زمانی که صفحه بارگذاری شود (onload) اجرا خواهند شد. اما این چیزی نیست که ما همیشه نیاز داریم.

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

رویدادها در حالت عادی با توابع ترکیب می شوند، مانند صدا زدن یک تابع هنگامی که رویداد رخ می دهد.

در آموزش های بعدی درباره توابع و رویدادهای JavaScript بیشتر خواهید آموخت.


اسکریبت ها در دو قسمت <body> و <head>

می توان به صورت نامحدود، هر تعداد خط اسکریبت را در صفحه HTML قرار داد، و همچنین می توانید اسکریبت ها را همزمان در دو قسمت <body> و <head> بیاورید.

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


کدهای JavaScript در قسمت <head>

در مثال زیر، زمانی که روی دکمه کلیک شود یا به عبارتی رویداد onclick عنصر مورد نظر رخ دهد، تابع ()displayDate صدا زده می شود:

مثال (محل قرارگیری کدهای JavaScript)

برای مشاهده ی این بخش لطفا وارد حساب کابری خود شوید یا اگر عضو نیستید از این قسمت عضو سایت شوید

 

 همچنین در مثال ساده زیر، هنگامی که روی دکمه "Try it" کلیک شود، محتوای عنصر با شناسه "demo" تغییر می کند:

مثال (محل قرارگیری کدهای JavaScript)

برای مشاهده ی این بخش لطفا وارد حساب کابری خود شوید یا اگر عضو نیستید از این قسمت عضو سایت شوید

 


یک تابع JavaScript در قسمت <body>

در این مثال، تابع "myFunction" در انتهای <body> قرار داده شده است و وقتی کاربر روی دکمه "Try it" کلیک کند، myFunction صدا زده می شود:

مثال (محل قرارگیری کدهای JavaScript)

برای مشاهده ی این بخش لطفا وارد حساب کابری خود شوید یا اگر عضو نیستید از این قسمت عضو سایت شوید

 


استفاده از یک فایل JavaScript خارجی

 کدهای JavaScript را همچنین می توان در یک فایل خارجی قرار داد.

فایل های خارجی JavaScript اغلب شامل کدهایی است که در چندین صفحه HTML مختلف استفاده می شود.

این فایل ها را باید با فرمت "js." ذخیره نمود.

lamp.pngتوجه: اسکریبت خارجی نمی تواند شامل تگ های باز و بسته <script> و <script/> باشد.

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

مثال (محل قرارگیری کدهای JavaScript)

برای مشاهده ی این بخش لطفا وارد حساب کابری خود شوید یا اگر عضو نیستید از این قسمت عضو سایت شوید

 

پسند شده توسط Sheikh Shahin و ReZa CLONER

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

شروع کار با JavaScript

 
 

JavaScript بطور معمول برای دستکاری عناصر HTML استفاده می شود.


تغییر محتوای عناصر HTML

در JavaScript برای دسترسی به یک عنصر HTML از طریق ID می توان از دستور ()document.getElementById استفاده کرد.

این متد بوسیله شناسه یا (ID) یک عنصر، به آن دسترسی پیدا می کند.

در مثال زیر، محتوای عنصر با شناسه "demo" به مقدار جدید، تغییر می کند:

مثال (شروع کار با JavaScript)

برای مشاهده ی این بخش لطفا وارد حساب کابری خود شوید یا اگر عضو نیستید از این قسمت عضو سایت شوید

 

همچنین در مثال زیر، تاریخ جاری سیستم، داخل عنصری با شناسه "demo" نوشته می شود (عنصر <p>):

مثال (شروع کار با JavaScript)

 

برای مشاهده ی این بخش لطفا وارد حساب کابری خود شوید یا اگر عضو نیستید از این قسمت عضو سایت شوید

 


دستور ()document.write

در مثال زیر، یک عنصر <p> با محتوی "My First JavaScript" در ادامه فایل HTML نوشته می شود:

مثال (شروع کار با JavaScript)

برای مشاهده ی این بخش لطفا وارد حساب کابری خود شوید یا اگر عضو نیستید از این قسمت عضو سایت شوید

 

lamp.pngتوجه: در کدهای JavaScript واقعی، از دستور ()document.write استفاده نکنید. چون تمام صفحه دوباره نوشته می شود. با این وجود در اینجا دستور ()document.write یک راه ساده برای ایجاد خروجی در JavaScript را نشان می دهد. (به مثال زیر توجه نمایید)

مثال (شروع کار با JavaScript)

برای مشاهده ی این بخش لطفا وارد حساب کابری خود شوید یا اگر عضو نیستید از این قسمت عضو سایت شوید

 


JavaScript در Windows 8

Microsoft در Windows 8 برای ایجاد برنامه های تحت ویندوز، JavaScript را پشتیبانی می کند.

در آینده بطور قطع، JavaScript هم در اینترنت و هم در ویندوز استفاده خواهد شد

پسند شده توسط Sheikh Shahin و ReZa CLONER

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

دستورات JavaScript

 
 

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


حساس به حروف کوچک و بزرگ

برخلاف HTML کدهای JavaScript به حروف کوچک و بزرگ حساس است (case sensitive)، بنابراین هنگامی که کد می نویسید به حروف بزرگ به دقت نگاه کنید.


دستورات JavaScript

یک دستور JavaScript درواقع یک فرمان به مرورگر است. هدف این دستورات این است که به مرورگر بگویید که چه کاری باید انجام دهد.

در مثال زیر، دستور JavaScript به مرورگر می گوید که رشته "Hello world" را بر روی صفحه وب بنویسد:

document.write("Hello world");

به طور معمول در پایان هر دستور قابل اجرا، یک سمیکالن (;) اضافه می کنیم.

براساس استانداردهای JavaScript، قرار دادن سمیکالن، اختیاری است و مرورگر فرض می کند که آخر خط، انتهای دستور است. به همین خاطر در اغلب مثال ها سمیکالن را در آخر خط نمی بینید.

lamp.pngنکته: استفاده از سمیکالن، این امکان را به شما می دهد که چندین دستور را در یک خط بنویسید.


کدهای JavaScript

کدهای JavaScript (یا فقط JavaScript) یک ترتیبی از دستورات جاوا اسکریپت است.

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

این مثال، دو عنصر با شناسه "demo" و "myDIV" را دستکاری می کند:

مثال (دستورات JavaScript)

برای مشاهده ی این بخش لطفا وارد حساب کابری خود شوید یا اگر عضو نیستید از این قسمت عضو سایت شوید

 

بلوکی از دستورات

دستورات JavaScript می توانند با هم در یک بلوک باشند.

بلوک ها با "}" شروع وبا "{" خاتمه می یابند.

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

یک مثال خوب برای گروه بندی دستورات در یک بلوک، توابع هستند.

این مثال، تابعی را برای دستکاری دو عنصر، صدا می زند:

مثال (دستورات JavaScript)

 

برای مشاهده ی این بخش لطفا وارد حساب کابری خود شوید یا اگر عضو نیستید از این قسمت عضو سایت شوید

 

در فصل های بعدی با توابع بیشتر آشنا خواهید شد.


فضاهای خالی

 

JavaScript، فاصله های اضافی را درنظر نمی گیرد. برای خواناتر شدن کد می توانید فضاهای خالی را اضافه نمایید. دو خط کد زیر یکسان هستند:

برای مشاهده ی این بخش لطفا وارد حساب کابری خود شوید یا اگر عضو نیستید از این قسمت عضو سایت شوید

 


شکستن یک خط کد

 

با استفاده از "\" می توانید یک خط کد را بشکنید. مثال زیر بدرستی نمایش داده خواهد شد:

برای مشاهده ی این بخش لطفا وارد حساب کابری خود شوید یا اگر عضو نیستید از این قسمت عضو سایت شوید

 

یک خط کد را مانند زیر نمی توانید بشکنید:

برای مشاهده ی این بخش لطفا وارد حساب کابری خود شوید یا اگر عضو نیستید از این قسمت عضو سایت شوید

 

پسند شده توسط ReZa CLONER و Sheikh Shahin

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

توضیحات در JavaScript

 
 

توضیحات در JavaScript

 

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

توضیحات یک خطی با "//" شروع می شود.

در مثال زیر، از توضیحات یک خطی، برای شرح کدها استفاده شده است:

مثال (توضیحات در JavaScript)

برای مشاهده ی این بخش لطفا وارد حساب کابری خود شوید یا اگر عضو نیستید از این قسمت عضو سایت شوید

 


توضیحات چند خطی در JavaScript

توضیحات چند خطی با */  شروع شده و با /* تمام می شوند.

در مثال زیر، از توضیحات چند خطی استفاده شده است:

مثال (توضیحات در JavaScript)

برای مشاهده ی این بخش لطفا وارد حساب کابری خود شوید یا اگر عضو نیستید از این قسمت عضو سایت شوید

 


استفاده از توضیحات برای جلوگیری از اجرا

در مثال زیر، یک خط کد، به توضیحات تبدیل شده و از اجرای آن جلوگیری می کنیم (این راه می تواند برای کشف خطا مناسب باشد):

مثال (توضیحات در JavaScript)

 

برای مشاهده ی این بخش لطفا وارد حساب کابری خود شوید یا اگر عضو نیستید از این قسمت عضو سایت شوید

 

در مثال زیر، بلوکی از کدها به توضیحات تبدیل شده است و مانند مثال قبلی از اجرای آنها جلوگیری خواهد شد (این راه می تواند برای کشف خطا مناسب باشد):

مثال (توضیحات در JavaScript)

برای مشاهده ی این بخش لطفا وارد حساب کابری خود شوید یا اگر عضو نیستید از این قسمت عضو سایت شوید

 


قرار دادن توضیحات در انتهای خطوط

 

در مثال زیر، توضیحات در پایان یک خط ، قرار داده شده است:

مثال (توضیحات در JavaScript)

برای مشاهده ی این بخش لطفا وارد حساب کابری خود شوید یا اگر عضو نیستید از این قسمت عضو سایت شوید

 

پسند شده توسط ReZa CLONER و Sheikh Shahin

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

متغییرهای JavaScript

 
 

 متغیرها، ظرفی برای ذخیره اطلاعات اند:

مثال (متغییرهای JavaScript)

برای مشاهده ی این بخش لطفا وارد حساب کابری خود شوید یا اگر عضو نیستید از این قسمت عضو سایت شوید

 


آیا جبر را از زمان مدرسه به یاد دارید؟

x=5, y=6, z=x+y

آیا به یاد می آورید که یک حرف (مانند x) می تواند برای نگهداری یک مقدار (مثل 5) به کار رود و شما می توانید طبق اطلاعات بالا مقدار z را برابر 11 ارزیابی کنید.

این حروف، متغیر نامیده می شوند و آنها را می توان برای نگهداری مقادیر (x=5) و یا عبارات (z=x+y) استفاده کرد.


متغیرهای JavaScript

مانند جبر، متغیرهای JavaScript نیر برای نگهداری مقادیر و یا عبارات به کار می روند.

متغیرها می توانند اسمی کوتاه داشته باشند مانند X و یا کمی توصیفی باشند مانند Carname

قواعد نامگذاری متغیرهای JavaScript:

  • نام متغیرها به حروف کوچک و بزرگ حساس (case sensitive) هستند. (y  و Y دو متغیر متفاوت اند)
  • نام متغیر می تواند با حروف و یا آندرلاین و یا $ شروع شود.

lamp.pngتوجه: چون جاوا اسکریپت Case-sensitive است، نام متغیرهای آن نیز Case-sensitive است.


انواع داده در JavaScript

در متغیرهای JavaScript می توان، انواع دیگر داده، مانند: متن را نیز ذخیره نمود. ("علی احمدی"=person)

در JavaScript یک متن مانند "علی احمدی" یک رشته نامیده می شود.

در JavaScript انواع مختلف متغیر وجود دارد، اما در حال حاضر، فقط به متغیرهای عددی و رشته ای می پردازیم.

زمانی که یک مقدار رشته ای را به یک متغیر انتساب می دهید، باید آنرا در کوتیشن یا دابل کوتیشن (' یا ") قرار دهید.

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

مثال (متغییرهای JavaScript)

برای مشاهده ی این بخش لطفا وارد حساب کابری خود شوید یا اگر عضو نیستید از این قسمت عضو سایت شوید

 


مثال

مقدار یک متغیر در طول اجرای اسکریپت می تواند تغییر کند. شما می توانید به یک متغیر از طریق نام آن برای تغییر یا نمایش مقدارش دستیابی پیدا کنید.


اعلان (ایجاد) متغیرهای JavaScript

در JavaScript ایجاد متغیر بیشتر اوقات به اعلان متغیر معروف است.

شما می توانید متغیبرهای JavaScript را با کلمه کلیدی var اعلان کنید:

برای مشاهده ی این بخش لطفا وارد حساب کابری خود شوید یا اگر عضو نیستید از این قسمت عضو سایت شوید

 

بعد از تعریف به صورت بالا متغیرها خالی هستند(هنوز هیچ اطلاعاتی داخل آنها نیست)، اگر چه شما می توانید آنها را موقع تعریف مقداردهی نمایید.

برای مشاهده ی این بخش لطفا وارد حساب کابری خود شوید یا اگر عضو نیستید از این قسمت عضو سایت شوید

 

بعد از اجرای دستورات بالا، متغیر x مقدار 5 و carname مقدار "volvo" را در خود نگه می دارد.

lamp.pngتوجه: اگر یک متغیر JavaScript را بعد از مقدار دهی، دوباره اعلان کنید، مقدار اولیه اش را از دست نخواهد داد.


تعریف چندین متغیر، در یک دستور

می توانید چندین متغیر را در یک دستور اعلان نمایید. فقط دستور را با var شروع کنید و متغیرها را با کاما از هم جدا نمایید:

var lastname="Doe", age=30, job="carpenter";

اعلان ها، می توانند در چندین خط باشند:

برای مشاهده ی این بخش لطفا وارد حساب کابری خود شوید یا اگر عضو نیستید از این قسمت عضو سایت شوید

 


Value = undefined

در برنامه های کامپیوتری، اغلب متغیرها بدون مقدار اعلان می شوند این متغیرها مقدار undefined را خواهند داشت.

بعد از اجرای دستور زیر، متغیر carname مقدار undefined را خواهد داشت:

برای مشاهده ی این بخش لطفا وارد حساب کابری خود شوید یا اگر عضو نیستید از این قسمت عضو سایت شوید

 


متغیر های محلی (LOCAL) در JavaScript

متغیرهایی که داخل یک تابع اعلان شده اند، تنها داخل همان تابع، قابل دسترسی اند. (متغیرهای با قلمرو محلی)

شما می توانید در توابع مختلف، متغیرهای محلی با نام های یکسان داشته باشید. (متغیرهای محلی تنها بوسیله تابعی که آنها را اعلان کرده است شناخته می شوند)

متغیرهای محلی بمحض اینکه عملیات تابع تکمیل شد، حذف می شوند.

در فصل های بعدی، درباره توابع بیشتر خواهید آموخت.


متغیر های عمومی (Global) در JavaScript

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

زمانی که یک صفحه وب را ببندید، متغیرهای عمومی حذف خواهند شد.


مقداردهی متغیرهای اعلان نشده

اگر به متغیری که هنوز اعلان نشده مقداری را اختصاص دهید، آن متغیر به طور خودکار اعلان خواهد شد.مثال:

برای مشاهده ی این بخش لطفا وارد حساب کابری خود شوید یا اگر عضو نیستید از این قسمت عضو سایت شوید

 

اگر متغیبرهای x و carname پیش از این وجود نداشته باشند، به طور خودکار، به عنوان متغیرهای عمومی اعلان خواهند شد(البته اگر دستورات بالا خارج از توابع باشد)


محاسبات در JavaScript

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

مثال (متغییرهای JavaScript)

برای مشاهده ی این بخش لطفا وارد حساب کابری خود شوید یا اگر عضو نیستید از این قسمت عضو سایت شوید

 

پسند شده توسط Sheikh Shahin و ReZa CLONER

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

انواع داده ها در JavaScript

 
 

 


متغیرهای رشته ای (String) در JavaScript

در متغیرهای رشته ای، یک سری از کاراکترها مانند "John Doe" ذخیره می شود.

زمانی که یک مقدار رشته ای را به یک متغیر انتساب می دهید، باید آنرا در کوتیشن یا دابل کوتیشن (' یا ") قرار دهید.

مثال (انواع داده ها در JavaScript)

برای مشاهده ی این بخش لطفا وارد حساب کابری خود شوید یا اگر عضو نیستید از این قسمت عضو سایت شوید

 

می توانید از علامت کوتیشن (') داخل رشته استفاده کنید:

مثال (انواع داده ها در JavaScript)

برای مشاهده ی این بخش لطفا وارد حساب کابری خود شوید یا اگر عضو نیستید از این قسمت عضو سایت شوید

 

با متغیرهای رشته ای در قسمت پیشرفته بیشتر آشنا خواهید شد.


متغیرهای عددی (Number) در JavaScript

 

متغیرهای عددی می توانند اعشاری یا صحیح باشند:

مثال (انواع داده ها در JavaScript)

برای مشاهده ی این بخش لطفا وارد حساب کابری خود شوید یا اگر عضو نیستید از این قسمت عضو سایت شوید

 

 اعدادی که بسیار بزرگ یا بسیار کوچک هستند را می توان بصورت "نماد علمی" نوشت:

مثال (انواع داده ها در JavaScript)

برای مشاهده ی این بخش لطفا وارد حساب کابری خود شوید یا اگر عضو نیستید از این قسمت عضو سایت شوید

 


متغیر Boolean در JavaScript

متغیرهای Boolean تنها دو مقدار می توانند داشته باشند: True یا False

برای مشاهده ی این بخش لطفا وارد حساب کابری خود شوید یا اگر عضو نیستید از این قسمت عضو سایت شوید

 

متغیر Boolean اغلب برای تست یک شرط استفاده می شود.


آرایه ها (Array) در JavaScript

در JavaScript، آرایه را به یکی از روش های زیر می توان اعلان کرد:

برای مشاهده ی این بخش لطفا وارد حساب کابری خود شوید یا اگر عضو نیستید از این قسمت عضو سایت شوید

 

یا:

برای مشاهده ی این بخش لطفا وارد حساب کابری خود شوید یا اگر عضو نیستید از این قسمت عضو سایت شوید

 

یا:

مثال (انواع داده ها در JavaScript)

برای مشاهده ی این بخش لطفا وارد حساب کابری خود شوید یا اگر عضو نیستید از این قسمت عضو سایت شوید

 

lamp.pngتوجه: ایندکس آرایه از صفر شروع می شود، یعنی اولین آیتم [0] است، دومین آیتم [1] و ...


اشیاء (Object) در JavaScript

 

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

برای مشاهده ی این بخش لطفا وارد حساب کابری خود شوید یا اگر عضو نیستید از این قسمت عضو سایت شوید

 

شی person در مثال بالا، سه خصوصیت یا (property) دارد: firstname و lastname و id

اعلان متغیر می تواند در چند خط باشد: (فاصله ها و خطوط اضافه مهم نیستند)

برای مشاهده ی این بخش لطفا وارد حساب کابری خود شوید یا اگر عضو نیستید از این قسمت عضو سایت شوید

 

برای دسترسی به خصوصیت های یک شیء، دو روش وجود دارد:

مثال (انواع داده ها در JavaScript)

برای مشاهده ی این بخش لطفا وارد حساب کابری خود شوید یا اگر عضو نیستید از این قسمت عضو سایت شوید

 

با اشیاء در قسمت پیشرفته، بیشتر آشنا خواهید شد.


Undefined و Null

 

در برنامه های کامپیوتری، اغلب متغیرها بدون مقدار اعلان می شوند این متغیرها مقدار undefined را خواهند داشت.

متغیرها را می توان با null مقداردهی کرد:

مثال (انواع داده ها در JavaScript)

برای مشاهده ی این بخش لطفا وارد حساب کابری خود شوید یا اگر عضو نیستید از این قسمت عضو سایت شوید

 

یک متغیر یکسان را می تواند برای انواع مختلف داده استفاده نمود:

مثال (انواع داده ها در JavaScript)

برای مشاهده ی این بخش لطفا وارد حساب کابری خود شوید یا اگر عضو نیستید از این قسمت عضو سایت شوید

 


اعلان نوع متغیر

 

زمانی که متغیر جدیدی را اعلان می کنید، می توانید با استفاده از کلمه کلیدی "new"، نوع آنرا نیز مشخص نمایید:

برای مشاهده ی این بخش لطفا وارد حساب کابری خود شوید یا اگر عضو نیستید از این قسمت عضو سایت شوید

 

 lamp.pngتوجه: تمام متغیرها در JavaScript شیء اند، زمانی که متغیری را اعلان می کنید، در واقع یک شیء ایجاد کرده اید.

پسند شده توسط ReZa CLONER و Sheikh Shahin

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

عملگرها در JavaScript

 
 

عملگرها در JavaScript

عملگر انتساب (=) برای اختصاص یک مقدار به یک متغیر به کار می رود.

عملگر محاسباتی (+) برای جمع کردن مقادیر با یکدیگر به کار می رود.

برای مشاهده ی این بخش لطفا وارد حساب کابری خود شوید یا اگر عضو نیستید از این قسمت عضو سایت شوید

 

بعد از اجرای دستورات بالا مقدار x برابر 7 است.


عملگرهای محاسباتی JavaScript

عملگرهای ریاضی برای اجرای محاسبات بین متغیرها و یا مقادیر به کار می رود.

جدول زیر، عملگرهای محاسباتی JavaScript را توضیح می دهد (با فرض y=5):

عملگر (Operator) توضیحات مثال نتیجه
+ جمع x=y+2 x=7 y=5
- تفریق x=y-2 x=3 y=5
* ضرب x=y*2 x=10 y=5
/ تقسیم x=y/2 x=2.5 y=5
% باقیمانده تقسیم x=y%2 x=1 y=5
++ افزایش یک واحد x=++y x=6 y=6
x=y++ x=5 y=6
-- کاهش یک واحد x=--y x=4 y=4
x=y-- x=5 y=4

عملگرهای انتسابی JavaScript

عملگرهای انتسابی، مقادیر را به متغیرها اختصاص می دهند.

جدول زیر، عملگرهای انتسابی JavaScript را توضیح می دهد (با فرض y=5 و x=10):

عملگر مثال یکسان با مثال نتبجه
= x=y   x=5
+= x+=y x=x+y x=15
-= x-=y x=x-y x=5
*= x*=y x=x*y x=50
/= x/=y x=x/y x=2
%= x%=y x=x%y x=0

عملگر (+) در رشته ها

 

عملگر (+) علاوه بر استفاده در محاسبات ریاضی برای جمع دو متغیر رشته ای و یا مقادیر متنی نیز بکار می رود.مثال:

برای مشاهده ی این بخش لطفا وارد حساب کابری خود شوید یا اگر عضو نیستید از این قسمت عضو سایت شوید

 

بعد از اجرای کد بالا، متغیر txt3 برابر "what a verynice day" می شود.

برای اضافه کردن فضای خالی بین دو متن، در انتها یا ابتدای یکی از آنها فضای خالی قرار می دهیم:

برای مشاهده ی این بخش لطفا وارد حساب کابری خود شوید یا اگر عضو نیستید از این قسمت عضو سایت شوید

 

یا بین دو متغیر یک فضای خالی قرار می دهیم:

برای مشاهده ی این بخش لطفا وارد حساب کابری خود شوید یا اگر عضو نیستید از این قسمت عضو سایت شوید

 

بعد از اجرای کد بالا، متغیر txt3 برابر "what a very nice day" می شود.


جمع رشته ها و اعداد

یک قانون وجود دارد! اگر شما یک عدد و یک رشته را با هم جمع کنید حاصل یک رشته خواهد بود.

به مثال های زیر توجه کنید:

مثال (عملگرها در JavaScript)

برای مشاهده ی این بخش لطفا وارد حساب کابری خود شوید یا اگر عضو نیستید از این قسمت عضو سایت شوید

 


عملگرهای مقایسه ای JavaScript

عملگرهای مقایسه ای در دستورات منطقی برای تعیین تساوی یا اختلاف بین متغیرها و یا مقادیر استفاده می شوند.

جدول زیر، عملگرهای مقایسه ای JavaScript را توضیح می دهد (با فرض x=5):

عملگر توضیحات مثال نتیجه
== تساوری x==8
x==5
false
true
=== تساوی از نظر نوع و مقدار x===5
x==="5"
true
false
!= مخالف x!=8 true
> بزرگتر از x>8 false
< کوجکتر از x<8 true
>= بزرگتر و مساوری x>=8 false
<= کوچکتر و مساوی x<=8 true

چگونه از آن استفاده کنیم؟

عملگرهای مقایسه ای در دستورات شرطی برای مقایسه مقادیر استفاده می شوند.

برای مشاهده ی این بخش لطفا وارد حساب کابری خود شوید یا اگر عضو نیستید از این قسمت عضو سایت شوید

 

در فصل های آینده درباره دستورات شرطی بیشتر خواهید آموخت.


عملگرهای منطقی JavaScript

عملگرهای منطقی برای تعیین منطق بین متغیرها و یا مقادیر استفاده می شود.

جدول زیر، عملگرهای منطقی JavaScript را توضیح می دهد (با فرض x=6 و y=3):

عملگر توضیحات مثال نتیجه
&& and (x < 10 && y > 1) true
|| or (x==5 || y==5) false
! not !(x==y) true

عملگر شرطی (?)

 

عملگر (?) یک عملگر شرطی است که مقداری را به یک متغیر، مبنی بر یک یا چند شرط انتساب می دهد.

نحوه استفاده

برای مشاهده ی این بخش لطفا وارد حساب کابری خود شوید یا اگر عضو نیستید از این قسمت عضو سایت شوید

 

مثال

مثال (عملگرها در JavaScript)

اگر متغیر visitor با مقدار "PRES" تنظیم شده باشد، آنگاه مقدار "Dear President" به متغیر greeting اختصاص داده خواهد شد و در غیر اینصورت، مقدار آن "Dear" می شود.

برای مشاهده ی این بخش لطفا وارد حساب کابری خود شوید یا اگر عضو نیستید از این قسمت عضو سایت شوید

 

پسند شده توسط Sheikh Shahin و ReZa CLONER

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

دستورات شرطی در JavaScript

 
 

دستورات شرطی

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

انواع جملات شرطی در JavaScript:

  1. ... if: هنگامی که شرط درست باشد، دستور مقابل if اجرا می شود.
  2. if ... else: اگر شرط درست باشد دستور مقابل if اجرا می شود وگرنه دستور دستور مقابل else اجرا می شود.
  3. if ... elseif ... else: برای اجرای یک دستور از بین چند دستور کاربرد دارد.
  4. Switch: برای انتخاب و اجرای یک دستور از بین چند دستور استفاده می شود.

 دستور if:

هنگامی که شرط درست باشد، دستور مقابل if اجرا خواهد شد.

نحوه استفاده:

برای مشاهده ی این بخش لطفا وارد حساب کابری خود شوید یا اگر عضو نیستید از این قسمت عضو سایت شوید

 

توجه داشته باشید که if با حروف کوچک نوشته شده است. اگر از حروف بزرگ (IF) استفاده کنید، JavaScript یک خطا تولید خواهد کرد.

مثال (دستورات شرطی در JavaScript)

<script type="text/javascript">
/*اگر ساعت کوچکتر از 10 باشد
جمله "صبح بخیر" چاپ خواهد شد*/

برای مشاهده ی این بخش لطفا وارد حساب کابری خود شوید یا اگر عضو نیستید از این قسمت عضو سایت شوید

 

توجه داشته باشید که در این نوع جمله شرطی، قسمت ...else... وجود ندارد. شما به مرورگر می گویید تنها اگر شرط درست بود، کد مورد نظر اجرا شود.


دستور if...else:

 این دستور که در واقع می تواند کامل کننده if باشد، تعیین می کند که اگر شرط درست نبود چه دستوری اجرا شود.

نحوه استفاده:

برای مشاهده ی این بخش لطفا وارد حساب کابری خود شوید یا اگر عضو نیستید از این قسمت عضو سایت شوید

 

مثال (دستورات شرطی در JavaScript)

<script type="text/javascript">
/*اگر ساعت کوچکتر از 10 باشد جمله "صبح بخیر" چاپ خواهد شد
وگرنه جمله "روز بخیر" چاپ می شود*/

برای مشاهده ی این بخش لطفا وارد حساب کابری خود شوید یا اگر عضو نیستید از این قسمت عضو سایت شوید

 


دستور if...elseif....else:

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

نحوه استفاده:

برای مشاهده ی این بخش لطفا وارد حساب کابری خود شوید یا اگر عضو نیستید از این قسمت عضو سایت شوید

 

مثال (دستورات شرطی در JavaScript)

برای مشاهده ی این بخش لطفا وارد حساب کابری خود شوید یا اگر عضو نیستید از این قسمت عضو سایت شوید

 
پسند شده توسط ReZa CLONER و Sheikh Shahin

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

برای ارسال دیدگاه یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید دیدگاهی ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در سایت ما ثبت نام کنید. عضویت خیلی ساده است !

ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید

ورود به حساب کاربری


  • مطالب مشابه

    • توسط  DOCTOR ROBOT
      Knockout یک کتابخانه ی JavaScript است که به شما امکان می دهد صفحات وبی بنویسید که از لحاظ ظاهر و ویرایش اطلاعات واکنشگرا (responsive) و غنی هستند و دارای data model زیرساختی کارامد می باشند.
    • توسط  DOCTOR ROBOT
      شیوه‌نامه ی آبشاری یا : (CSS: Cascading Style Sheets) در کنارHTML هسته فناوری ساخت صفحه‌های وب هستند. CSS روشی ساده برای نمایش چیدمان و جلوه‌های تصویری (مانند نوع قلم، رنگ و اندازه‌ها) در صفحه‌های وب است. CSS از جنس زبان‌های نشانه‌گذاری، با ساختار متن سادهٔ رایانه هستند و درون هرکدام، دستورهایی آبشار مانند و پی‌درپی، برای چگونگی نمایش هر صفحه وب افزوده می‌شود. به گفته‌ای ساده تر، این دستورها روش نشان داده شدن قلم‌ها و اندازه‌شان، رنگ‌ها و پس زمینه‌ها، روش چیدمان موزاییک‌های دربرگیرنده داده‌ها (دیواره‌ها)، و بسیاری دیگر از عنصرهای ساختار هرصفحه وب را، درون خود جای می‌دهند.
  • کاربران آنلاین در این صفحه   0 کاربر

    هیچ کاربر عضوی،در حال مشاهده این صفحه نیست.

×