جلسه3: دستورات جاوا اسکریپت
statements یا دستورات در جاوا اسکریپت
یک برنامه کامپیوتری شامل لیستی از دستورات است که میتوانند توسط کامپیوتر اجرا شوند. در زبان برنامه نویسی به این دستورالعمل ها، statements (دستور یا فرمان)میگویند. یک برنامه جاوا اسکریپت شامل لیستی از statements یا دستورات میباشد.
نکته: در HTML، برنامه های جاوا اسکریپت توسط مرورگر اجرا می شوند.
به مثال زیر دقت کنید:
var x, y, z; // دستور 1 x = 5; // دستور 2 y = 6; // دستور 3 z = x + y; // دستور 4
دستورات یا Statements در جاوا اسکریپت
دستورات یا Statements جاوا اسکریپت عبارت اند از:
Values(مقدار ها)، Operators(عملگر ها)، Expressions(عبارات)، Keywords(کلیدواژه ها)، Comments(کامنت ها).
دستورات زیر به مرورگر میگوید که درون عنصر HTML با “id=”demo عبارت “سلام دنیا” را چاپ کن:
<!DOCTYPE html>
<html>
<body>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = "سلام دنیا";
</script>
</body>
</html>
همه ی برنامه های جاوا اسکریپت دارای دستورات میباشند، دستورات همانطور که نوشته شده اند یک به یک اجرا میشوند.
سمیکالنها;
در زبان جاوا اسکریپت دستورات بوسیله سمیکالنها از یکدیگر جدا میشوند.
به مثال زیر دقت کنید:
<!DOCTYPE html>
<html>
<body>
<p id="demo1"></p>
<script>
var a, b, c;
a = 1;
b = 2;
c = a + b;
document.getElementById("demo1").innerHTML = c;
</script>
</body>
</html>
برای نوشتن چندین دستور در یک خط باید دستورات را با سمیکالن از یکدیگر جداکرد.
به مثال زیر دقت کنید:
<!DOCTYPE html>
<html>
<body>
<p id="demo1"></p>
<script>
var a, b, c;
a = 1; b = 2; c = a + b; //چند دستور در یک خط با سمیکالن از هم جداشده اند
document.getElementById("demo1").innerHTML = c;
</script>
</body>
</html>
گروه بندی دستورات جاوااسکریپت
زمانی هست که شما دستورات زیادی برای اجرا دارید و میخواهید این دستورات را چند جا بکار ببرید به همین منظور شما میتوانید دستورات را گروه بندی کنید و آنها را داخل یک تابع نگهداری کنید و هرجا که نیاز دارید آن را فراخوانی کنید.
به مثال زیر دقت کنید:
<!DOCTYPE html>
<html>
<body>
<button type="button" onclick="myFunction()">کلیک کن!</button>
<p id="demo1"></p>
<p id="demo2"></p>
<script>
function myFunction() {
document.getElementById("demo1").innerHTML = "سلام!";
document.getElementById("demo2").innerHTML = "امروز چطوری؟";
}
</script>
</body>
</html>
همانطور که میبینید دستورات داخل تابع ()myFunction قرار گرفته اند که با کلیک بر روی دکمه تابع ()myFunction فراخوانی شده و دستورات اجرا میشوند.
امیدوارم که خسته نشده نباشید با ادامه آموزش جاوا اسکریپت با ما باشید.
