Const در JS

کلمه ی کلیدی const در سال 2015 (ES6) معرفی شد

متغیر های const به صورت block scope هستند بنابراین قابلیت بازتعریف ندارند و قابلیت مقداردهی مجدد (reassignment) را ندارند.

مقداردهی مجدد (reassignment) در JS

متغیر هایی که با const تعریف می شوند، امکان مقداردهی مجدد ندارند.

<!DOCTYPE html>
<html>
<body>
<p id="demo"></p>
<script>
    try {
      const PI = 3.141592653589793;
      PI = 3.14;
    }
    catch (err) {
      document.getElementById("demo").innerHTML = err;
    }
</script>
</body>
</html>

موارد استفاده 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 آشنا شدیم.

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