آموزش برنامه نویسی - تاپ دمی
اصول اولیه جاوااسکریپت

اصول اولیه جاوااسکریپت

جاوا اسکریپت

13 مهر، 1400

در این مقاله به بررسی جاوا اسکریپت ، متغیر ها ، انواع داده و نحوه قرار دادن فایل js در html می پردازیم.

جاوا اسکریپت چیست؟

جاوا اسکریپت یک زبان برنامه نویسی پرکاربرد ، ساده در یادگیری و محبوب است که به طور ویژه برای طراحی صفحات وب استفاده می شود در واقع پس از ایجاد اسکلت صفحه خود به وسیله html و بهتر کردن ظاهر آن توسط css از جاوا اسکریپت برای پویا نمایی صفحات وب استفاده می شود.

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

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

تفاوت جاوا اسکریپت با سایر زبان های برنامه نویسی چیست؟

جاوا اسکریپت زبان برنامه نویسی است که برای مثال مانند ++ C کامپایل و اجرا نمی شود.

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

چگونه جاوا اسکریپت را در صفحه html خود قرار دهیم؟

جاوا اسکریپت را می توان مستقیماً در داخل صفحه html نوشت یا در یک فایل اسکریپت خارجی قرار داد و در داخل صفحه HTML به آن لینک داد.

در کجای برنامه می توانیم کد جاوا اسکریپت خود را قرار دهیم ؟

در قسمت head و در تگ script

مثال :

<html>

<head>

    <meta charset="utf-8">

    <title>topdemy</title>

    <script>

در این قسمت می توانیم کد های جاوا اسکریپت خود را قرار دهیم      
    </script>

</head>

<body>

</body>

</html>

در قسمت body و در تگ script به عنوان آخرین تگ

مثال :

<html 

<head>

    <meta charset="utf-8">

    <title>topdemy</title>

</head>

<body>

    <script>

در این قسمت می توانیم کد های جاوا اسکریپت خود را قرار دهیم      

    </script>

</body>

</html>

قرار دادن کد ها در یک فایل خارجی با پسوند .js

مانند :

<html >

<head>

    <meta charset="utf-8">

    <title>topdemy</title>

</head>

<body>

    <script src="در این قسمت"></script>

</body>

</html>

چگونه در کد های جاوا اسکریپت کامنت گذاری کنیم؟

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

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

کامنت به صورت تک خطی :

شما می توانید با قرار دادن (//) در مقابل یک خط کد در مقابل آن اطلاعاتی را یادداشت کنید.

مثال :

let a=2;  
let b=3;  
let a+b = 5;   // مجموع دو عدد را حساب می کنیم

کامنت کردن به صورت چند خط :

شما می توانید با استفاده از (/) و سپس قرار دادن (/) چند خط کد را کامنت کنید.

مثال :

/*
شما با این روش میتوانید به طور مثال 
یک راه کار جدید برای حل یک مسئله بنویسید
و آن را کانت کنید تا فراموشتان نشود.
*/
document.getElementById("").innerHTML = "topdemy";

متغیر ها در JavaScript

متغیر ها در جاوا اسکریپت برای ذخیره مقادیر داده هستند و هر مقداری می توانند باشند در صورتی که قوانین js را رعایت کرده باشیم .

از این قوانین می توان به موارد زیر اشاره کرد :

نام متغیر باید با حرف (a تا z یا A تا Z)

با علامت خط (_) یا دلار ($) شروع شود.

بعد از حرف اول می توانیم از اعداد استفاده کینم به عنوان مثال : xyz2

متغیرهای جاوا اسکریپت به حروف کوچک و بزرگ حساس هستند (x و X متغیرهای متفاوتی هستند)

نمونه ای از متغیر های صحیح در جاوا اسکریپت :

var z=2;
var _name=”ali”;
var xyz2=true;
var lastName;               
lastName = ”mousavi”;

نمونه ای از متغیر های نادرست در جاوا اسکریپت :

let 1bc=12;  
var *ww=2;  

انواع متغیر در جاوا اسکریپت کدامند ؟

متغیرهای محلی

متغیرهای جهانی

متغیر محلی

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

مانند :

Sum ()
{  
let x=10;    //local variable
console.log(x);   
}  

متغیرهای سراسری

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

مانند :

var x = 2;     //global variable  
a ()
{  
console.log(x); 
}  
a();  

انواع داده در جاوا اسکریپت

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

عددی (Number)

داده های عددی به دو صورت اعشار و غیر اعشار هستند.

مانند :

Let num1 = 2; // بدون اعشار
Let  num2 = 20.34; // با اعشار

متنی (String)

به داده های که به صورت متن باشند و یا هر داده ای که درون کوتیشن قرار بگیرد را داده متنی می گویند.

مانند :

Let name= "ali";
Let lastName = " mousavi";

بولیین (Boolean)

داده های بولی شامل 2 مقدار True و False می باشد ، این داده ها بیشتر در عبارات شرطی استفاده می شود و به صورت پیش فرض ما فقط میتوانیم همین دو نتیجه را ببینیم .

مانند :


Let x = 2;
Let y = 5; 

Console.log (x==y);

آرایه (Array)

برای نگهداری چندین مقدار مختلف می توانیم از آرایه ها استفاده کینم.

مانند :

var persons=["ali" , "mohammad" , "sahar", "saqar"];

console.log(persons) 

شئ (Object)

با استفاده از ابجکت ها شما می توانید چندین داده را ذخیره کرده و برای هر کدام نام و مقدار انتخاب کنید.

مانند :

Let persons={name:"ali", lastNAme:"mousavi", website:"topdemy"};

Console.log (persons);

تعریف نشده (Undefined)

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

مانند :

var cars;
Console.log (cars);

هیچ (Null)

وقتی داده ای را تعریف می کنیم ولی به آن مقدار نمی دهیم آن داد Null می شود .

مانند :

var cars="";

Console.log (cars);

ادامه ی این مقاله در این قسمت است.

توسعه دهنده وب

شروع آشنایی من با دنیای برنامه نویسی 9 سال پیش بود ، اول مسیر با وردپرس آشنا شدم و بعد از اون شروع به یادگیری زبان جاوا اسکریپت کردم و رفته رفته سعی کردم یک برنامه نویس Front-end بشم که به مبحث گرافیک هم علاقه منده و هر روز تلاش میکنه تا پیشرفت کنه و اگر تجربه ای داره با بقیه به اشتراک بزاره.

مقالات مشابه