iT邦幫忙

2023 iThome 鐵人賽

DAY 20
0
Modern Web

網頁設計之旅系列 第 20

DAY20javascript基本語法

  • 分享至 

  • xImage
  •  

JavaScript 的基本語法類似於其他程式語言,如C、C++和Java。以下會介紹一些重要的 JavaScript 基本語法

語句結尾

在 JavaScript 中,每個語句通常以分號(;)結尾,用來表示一個語句的結束。

區塊

區塊是用大括號 {} 包圍的一組語句,用來定義一個程式區域。

註解

您可以使用 // 來寫單行註解,或者使用 /* */ 來寫多行註解,用來說明程式碼的功能。
這裡額外提一點,如果你是用vscode來撰寫程式,先選取要註解的段落然後按crtl+?就可以快速註解

變數

在javascript中有三個變數型別,分別是var、let 和 const

var

var宣告的變數具有函數作用域(function scope),這意味著它們只在函數內部可見,而不是在區塊級作用域(block scope)內可見。
變數宣告提升(hoisting):在函數或全局作用域內,無論變數宣告在哪裡,它們都會被提升到作用域的頂部,可以在宣告之前使用變數,但它們的值會是 undefined。
可以多次宣告相同名稱的變數,而不會引發錯誤。
var 宣告的變數可以被重新賦值。

function example() {
  var x = 10;
  if (true) {
    var x = 20; // 同一變數 x 被重新賦值
  }
  console.log(x); // 輸出 20
}

let

宣告的變數具有區塊級作用域,這意味著它們在包含它們的區塊(如迴圈、條件語句等)內可見。
不會發生變數提升,嘗試在宣告之前使用 let 變數會導致 ReferenceError。
不允許多次宣告相同名稱的變數,但允許重新賦值。

function example() {
  let x = 10;
  if (true) {
    let x = 20; // 區塊級作用域內的不同變數 x
  }
  console.log(x); // 輸出 10
}

const

宣告的變數同樣具有區塊級作用域。
不會發生變數提升,嘗試在宣告之前使用 const 變數會導致 ReferenceError。
一旦被賦值,常數的值不能更改,但對於引用類型的數據(如對象和數組),可以修改其屬性或元素。

const pi = 3.14159;
// pi = 3.14; // 錯誤,不能重新賦值

const person = {
  name: 'John',
  age: 30
};
person.age = 31; // 正確,可以修改對象屬性
// person = { name: 'Alice' }; // 錯誤,不能重新賦值整個對象

推薦使用 let 和 const,因為它們提供了更可控的作用域和不可變性。
使用 const 來宣告不需要重新賦值的變數,以提高代碼的可維護性和可讀性。
只在需要時使用 var,因為它的作用域規則較不明確,可能導致意外的行為


上一篇
DAY19Javascript入門
下一篇
DAY21javascrip函數
系列文
網頁設計之旅30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言