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 آشنا شدیم.

توسعه دهندگان
احسان اسلامی