آموزش جاوا اسکریپت (3) : متغیرها و ذخیره سازی داده ها

دسته بندی: جاوا اسکریپت
زمان مطالعه: 5 دقیقه
۱۵ تیر ۱۳۸۸

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

:: انواع متغیر‌ها :

متغیرها انواع مختلف دارند و توی اکثر زبون‌های برنامه نویسی باید هر مقدار رو در متغیری که از نوع اون مقدار هست قرار بدید . انواع رایج متغیرها  که در زبانهای مختلف وجود داره عبارتند از :

Boolean :  این نوع فقط می‌تونه مقادیر true یا false رو در خودش نگه داره . و در عملیات شرطی و منطقی استفاده می‌شه  (در درسهای آینده بحث خواهد شد) . Character :  این نوع فقط یک کاراکتر رو در خودش ذخیره می‌کنه مثلا  'C' , 'M' , '&' , '3' , ... Integer :  برای ذخیره کردن مقادیر عددی صحیح مثل 123 , 45 -  و ... استفاده میشه . Float :  این نوع برای نگهداری اعداد اعشاری مثل 23.4  , 0.25 و .. استفاده میشه . String :  برای نگهداری یک رشته (مجموعه ای از کاراکتر ها) استفده میشه مثلا : "this is a String" انواع دیگه ای (از جمله Object و نوع هایی که خودمون تعریف میکنیم) هم وجود داره که سعی می‌کنیم بعدا در موردشون صحبت کنیم .به طور مثال توی زبونی مثل #C و java  (توجه کنید که java  و جاوا اسکریپت یکی نیستند و دو زبون مختلفند) برای تعریف یک متغیر از نوع Integer یا همون عدد صحیح از کلمه ی کلیدی int استفاده می‌کنیم . مثلا توی این دو زبون برای تعریف دو متغیر از نوع Integer با نام‌های a و number به شکل زیر عمل می‌کنیم :

int a ; int number ;

برای تعریف متغیر از انواع دیگه هم ، کلمات کلیدی دیگه ای باید استفاده بشه . مثلا توی زیونی مثل #C (سی شارپ) برای تعریف متغیر از نوع کاراکنر از کلمه ی کلیدی char ، عدد اعشاری از float یا double و Boolean از کلمه ی کلیدی bool و ... استفاده میشه . که این کلمات کلیدی بسته به زبان برنامه نویسی ای که باهاش کار میکنید متفاوتند .

:: تعریف متغیر در javaScript : در جاوا اسکریپ کار  تعریف متغیر خیلی راحت‌تر از زبون‌های دیگه هستش . برای تعریف هر نوع متغیری شما فقط از کلمه ی کلیدی var (که مخفف Variable به معنی متغیر هست ) استفاده می‌کنید  و کار تشخیص نوع متغیر به عهده ی مفسر جاوااسکریپت هست که کد رو اجرا میکنه . (زبون‌های دیگه ای هم وجود داره که نیاز به مشخص کردن نوع متغیر در هنگام تعریف ندارن مثل پایتون ، php و Matlab) . البته استفاده از کلمه ی کلیدی var برای تعریف متغیرها ضرورتی نداره . ولی بهتره که همه ی متغیر هاتون رو با استفاده از کلمه ی کلیدی var  تعریف کنید تا اسکریپت‌های شما خواناتر باشند و از بعضی خطاهای ناخواسته جلوگیری بشه . :: نکات قابل توجه : - برای جداسازی دستورات javaScript در انتهای هر دستور یا سطر می‌تونید از علامت ; (سمی کولن) استفاده کنید . - برای تعریف یک متغیر اسم اون رو جلوی کلمه ی کلیدی var میارید . - کاراکتر‌ها را باید درون '  '  و رشته‌ها را درون  "  "  قرار  داد .  مثلا  'Z'  و  "7Learn.com" - برای مقدار دهی یک متغیر از نوع Boolean فقط می‌توانید مقادیر true یا false را به آن نسبت دهید . - شما می‌تونید در هنگام تعریف یک متغیر به اون یک مقدار اولیه هم نسبت بدید . مثلا در تعریف‌های زیر مقدار متغیر num رو برابر با 7 و مقدار متغیر url رو برابر با "www.7Learn.com" قرار داریم :

var num = 7  ; var url = "www.7Learn.com"  ; var char1 = 'M'  ; var num2 = 12.4  ; var booleanVariable = true  ;

:: قوانین نامگذاری متغیرها : در نامگذاری متغیر باید نکات زیر را رعایت کنید : - نام متغیر نمیتوانید با یک رقم شروع شود . - نام متغیر نمیتواند شامل space و یا کاراکترهای نقطه گذاری باشد . - جاوااسکریپت به کوچک یا بزرگ بودن حروف حساس است ، مثلا  url ، Url و URL یکی نیستند و می‌توانند نام سه متغیر  جدا از هم باشند . > مثال هایی از نامهای غیر مجاز برای متغیرها :  2x  , first name > مثال هایی از نامهای مجاز برای متغیرها : x2  , firstName , phoneNumber , _3a , eMail

مثال : برنامه ای به زبان جاوا اسکریپت بنویسید که دو عدد a و b را (که به صورت دلخواه مقداردهی شدند) به عنوان متغیر دارد . و سپس مقدار عبارت 2a+3b را در متغیر جدیدی به نام y قرار داده و آنرا چاپ کند .

<script language="javascript">    var a=12.6  ;    var b=23  ;    var y ;    y = 2 * a  + 3 * b ;    document.write(y) ; </script>

پیشتر در مورد تابع document.write که برای چاپ در خروجی استفاده میشه توضیح دادیم . البته این یک مثال خیلی ساده است .

جلسه ی بعد در مورد I/O  ( ورودی و خروجی در جاوااسکریپت) و چند تا از توابع مورد نیاز برای شروع کار بحث می‌کنیم و مثالهای جالبتر و کاربردی‌تری خواهیم زد .

چه امتیازی به این مقاله می دید؟
نویسنده لقمان آوند
بیش از 15 سال هست که برنامه نویسی می کنم و از بین همه زبون هایی که کار کردم جاوا، اسمبلی و php رو دوست دارم. دانشجوی دکترای نرم افزارم و توی دانشگاه روی پردازش بیگ دیتا و پردازش موازی کار کردم و عاشق چالش از هر نوعیش هستم! سون لرن مثل بچه منه که 12 سال براش وقت گذاشتم، اینجا همه تلاش می کنیم از شروع یادگیری تا ورود به بازر کار حوزه برنامه نویسی و IT همراهتون باشیم.

نظرات کاربران

ارش

سلام
البته شاید سوال من ربطی به این موضوع نداشته باشه که لازمه همین جا عذر خواهی کنم
می خواستم بدونم چطور میتونم از منوهای جی کوئری در سیستم های مدیریت محتوا مثل E107 استفاده کنم .
ممنون میشم پاسخ واضح و روشنی بدید- در حقیقت شیر فهم کنید

لقمان آوند : سلام جناب آرش
واقعیتش من تا حالا از این Library و سیستم مدیریت محتوایe107 استفاده نکردم که بتونم شیرفهمتون کنم .
ولی خوب به هر حال هر جا بخوای استفاده کنی باید فایل کتابخونه jQuery رو لود کنی (تو تگ script به عنوان مقدار ویژگی src) .
بعد از توابعش استفاده کنی .

Ramesh

hi… man hichi nafahmidam kheili sakht tozih midin!!! dar har surat mer30 kamobish neveshtehatun komakam kard… bye

سعید

سلام
من دارم یه وب سایت کوچیک طراحی می کنم، و برای این که بتونم اون رو جالب ترش کنم از کدهای JQUARY TOOLS که احتمالا باهاشون آشنایی دارین استفاده می کنم
http://flowplayer.org/tools/index.html
(من دقیقا همین صفحه رو دارم ویرایش می کنم تا به طراحی دلخواهم برسم)
حالا مشکل اینه که اگر source code همین صفحه رو کاملا کپی کنیم و توی یه فایل نوت پد قراربدیم و اجرا کنیم توی اینترنت اکسپلورر بلاک می شه
لازم به ذکر هست که من جاوااسکریپت رو خیلی کم می دونم (میشه گفت اصلا نمی دونم)
خیلی ممنون می شم اگر راهنمایی بفرمایید

saye

salam.site khobi daridage mishe mesalhaye bishtari dar morede tarahi safahat web dar java script dar webeton begzarid.hamintor taghaye bishtar ro ba mesal dar webeton begzarid.mer30 az site fogholadatoon

rona

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

bahman

باسلام به شما دوست عزیز وممنون ازسایت خوبتون من میخواستم بدونم چطور میتونم توی قالب وردپرس کدهای تبلیغات کلیکی کپی کنم چون اصلا بخشی برای قالب وکدهای اون نداره کمکم کنید ممنون

مصطفی

سلام خسته نباشید
یه زحمت براتون داشتم
من نیاز به یه کد داشتم که بتونم باهاش در میهن بلاگ یه پست ثابت در اول صفحه یک داشته باشم اگه میشه این کد رو هم بزارین
خیلی ممنون ازتون

مسعود

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

لقمان آوند : برای داشتن متن متحرک از کد زیر استفاده کنید :

<marquee direction=right >متن متحرک</marquee>

نمایش این کد به شکل زیره :
متن متحرک
اگه میخوای بالاترین قسمت وبت این متن متحرک رو بزاری کدشو بزار بعد از تگ باز <body> .
موفق باشی .

mahdi

با سلام خدمت شما آقای آوند ! می خواستم اگر می تونید قالب سیلوری رو که برای میهن بلاگ طراحی کردید ، برای بلاگفا هم ترجمه کنید تا ما ازش استفاده کنیم.
با تشکر

علیرضا عباسی

سلام بر کابران و مدیران سایت همیشه در صحنه سون لرن یا بهتر بگم irlearn خودمون من تبریک میگم امیدوارم همکاری های بعدی رو به دنبال داشته باشه … یا علی

ارسال دیدگاه
خوشحال میشیم دیدگاه و یا تجربیات خودتون رو با ما در میون بذارید :