js定義變量的幾種方式


                             const也可以作為塊級變量        

 

 

ECMAScript 2015 (ES6)

2015 年,JavaScript 引入了一個重要的新關鍵字:const。

使用 const 聲明數組已成為一種常見做法:

實例

const cars = ["Saab", "Volvo", "BMW"];

親自試一試

無法重新賦值

用 const 聲明的數組不能重新賦值:

實例

const cars = ["Saab", "Volvo", "BMW"]; cars = ["Toyota", "Volvo", "Audi"]; // ERROR 

親自試一試

數組不是常量

關鍵字 const 有一定誤導性。

它不定義常量數組。它定義的是對數組的常量引用。

因此,我們仍然可以更改常量數組的元素。

元素可以重新賦值

您可以更改常量數組的元素:

實例

// 您可以創建常量數組: const cars = ["Saab", "Volvo", "BMW"]; // 您可以更改元素: cars[0] = "Toyota"; // 您可以添加元素: cars.push("Audi"); 

親自試一試

 

const 塊作用域

用 const 聲明的數組具有塊作用域。

在塊中聲明的數組與在塊外聲明的數組不同:

實例

const cars = ["Saab", "Volvo", "BMW"]; // 此處 cars[0] 為 "Saab" { const cars = ["Toyota", "Volvo", "BMW"]; // 此處 cars[0] 為 "Toyota" } // 此處 cars[0] 為 "Saab" 

親自試一試

用 var 聲明的數組沒有塊作用域:

實例

var cars = ["Saab", "Volvo", "BMW"]; // 此處 cars[0] 為 "Saab" { var cars = ["Toyota", "Volvo", "BMW"]; // 此處 cars[0] 為 "Toyota" } // 此處 cars[0] 為 "Toyota" 

親自試一試

您可以在以下章節中學習更多關於塊作用域的內容:JavaScript 作用域

重新聲明數組

在程序中的任何位置都允許用 var 重新聲明數組:

實例

var cars = ["Volvo", "BMW"]; // 允許 var cars = ["Toyota", "BMW"]; // 允許 cars = ["Volvo", "Saab"]; // 允許 

不允許在同一作用域或同一塊中將數組重新聲明或重新賦值給 const:

實例

var cars = ["Volvo", "BMW"]; // 允許 const cars = ["Volvo", "BMW"]; // 不允許 { var cars = ["Volvo", "BMW"]; // 允許 const cars = ["Volvo", "BMW"]; // 不允許 } 

不允許在同一作用域或同一塊中重新聲明或重新賦值現有的 const 數組:

實例

const cars = ["Volvo", "BMW"]; // 允許 const cars = ["Volvo", "BMW"]; // 不允許 var cars = ["Volvo", "BMW"]; // 不允許 cars = ["Volvo", "BMW"]; // 不允許  { const cars = ["Volvo", "BMW"]; // 允許 const cars = ["Volvo", "BMW"]; // 不允許 var cars = ["Volvo", "BMW"]; // 不允許 cars = ["Volvo", "BMW"]; // 不允許 } 

允許在另一個作用域或另一個塊中使用 const 重新聲明數組:

實例

const cars = ["Volvo", "BMW"]; // 允許 { const cars = ["Volvo", "BMW"]; // 允許 } { const cars = ["Volvo", "BMW"]; // 允許 }

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript 類方法</h1>

<p>將參數傳遞給 "age()" 方法。</p>

<p id="demo"></p>

<script>
  class Car {
    constructor(name, year) {
    this.name = name;
    this.year = year;
   }
    age(x) {
        return x - this.year;
    }
}

let date = new Date();
let year = date.getFullYear();

let myCar = new Car("Ford", 2014);
document.getElementById("demo").innerHTML=
"My car is " + myCar.age(year) + " years old.";
</script>

</body>
</html>

 

_


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM