Const در JS
کلمه ی کلیدی const در سال 2015 (ES6) معرفی شد
متغیر های const به صورت block scope هستند بنابراین قابلیت بازتعریف ندارند و قابلیت مقداردهی مجدد (reassignment) را نیز ندارند.
مقداردهی مجدد (reassignment) در JS
متغیر هایی که با const تعریف می شوند، در اصل ثابت هستند و امکان مقداردهی مجدد ندارند..
تعریف ثابت و مقداردهی به آن حتما باید در یک خط رخ دهد. مانند نمونه کد زیر:
const PI = 3.141592653589793;
نکته: اگر تعریف و مقداردهی ثابت در دو خط رخ دهد در هنگام تعریف متغیر به صورت پیشفرض مقدار undefined می گیرد. و چون ثابت است در خط بعد ارور می دهد.
const PI; // const PI = undefined;
PI = 3.141592653589793; // مقداردهی مجدد - ارور می دهد
const PI = 3.141592653589793; // تعریف و مقداردهی ثابت
PI = 3.14; // مقداردهی مجدد - ارور می دهد
موارد استفاده const در JS
- زمانی که می خواهید مقدار متغیر، ثابت باشد.
- برای تعریف یک آرایه (arrays) جدید.
- برای تعریف یک شیء (object) جدید.
- برای تعریف یک تابع (function) جدید.
در ادامه با آرایه و شی آشنا می شویم.
آرایه های ثابت در JS
شما می توانید المان یک آرایه ی ثابت را تغییر دهید.
<!DOCTYPE html>
<html>
<body>
<p id="exam"></p>
<script>
// یک آرایه بسازید:
const cars = ["Saab", "Volvo", "BMW"];
// عنصر را تغییر دهید:
cars[0] = "Toyota";
// یک عنصر اضافه کنید:
cars.push("Audi");
//آرایه را نمایش دهید:
document.getElementById("exam").innerHTML = cars;
</script>
</body>
</html>
اشیاء ثابت در JS
شما می توانید ویژگی های یک شیء ثابت را تغییر دهید.
<!DOCTYPE html>
<html>
<body>
<p id="test"></p>
<script>
// یک شیء بسازید:
const car = {type:"benz", model:"c200", color:"white"};
// ویژگی را تغییر دهید:
car.color = "blue";
// ویژگی جدید اضافه کنید:
car.owner = "ali";
// ویژگی نمایش داده شود:
document.getElementById("test").innerHTML = "Car owner is " + car.owner;
</script>
</body>
</html>
خلاصه درس
- در این فصل با کلمه ی کلیدی const و نحوه ی استفاده از آن در JS آشنا شدیم.