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

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

ﺯﻣﺎﻥ ﻣﻄﺎﻟﻌﻪ: 4 دقیقه
معرفی اصول اولیه جاوا اسکریپت

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

جاوا اسکریپت یک زبان برنامه نویسی پرکاربرد ، ساده در یادگیری و محبوب است که به طور ویژه برای طراحی صفحات وب استفاده می شود در واقع پس از ایجاد اسکلت صفحه خود به وسیله 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);

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

این مقاله برای شما چقدر مفید بود ؟

13 مهر، 1400

اشتراک گزاری مقاله

مقالات مشابه

ویژگی های جدید ECMAScript 2021

ویژگی های جدید ECMAScript 2021

پس از معرفی es6 جاوا اسکریپت تغییرات زیادی کرد و حالا هر سال ویژگی های جدید به این زبان ب...

ادامه مطلب
بررسی var ، let و const  در جاوا اسکریپت

بررسی var ، let و const در جاوا اسکریپت

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

ادامه مطلب
چگونه برنامه نویسی را شروع کنم

چگونه برنامه نویسی را شروع کنم

در این مقاله به بررسی نحوه شروع برنامه نویسی ، چالش ها و سوالاتی که در ذهن هر کاربر برای...

ادامه مطلب