JavaScript教程

阮一峰老師的JavaScript教程
地址: https://wangdoc.com/javascript/index.html
該筆記只記錄自己不清楚的內容和需要注意的內容

入門篇

1. 語句

語句以分號結尾，一個分號就表示一個語句的結束。多個語句可以寫在一行內。

;;;

分號內可以沒有內容，以上視為三個JavaScript空語句。

2. 變數

2.1 概念

• 變數區分大小寫。

注意點：

var num; //宣告
num = 1; //賦值

var num1 = 1;//宣告和賦值

num2 = 1;//直接賦值未宣告變數，變數變為全域性變數。

//console.log(num3);//直接使用未宣告變數，報錯

var num3 = 1;
var num3;//重新宣告一個宣告過的變數，二次宣告無效。

var num3 = 2;//但是賦值操作會覆蓋。使用let沒有這個情況
 

3. 識別符號

中文是合法的識別符號，可以用作變數名。

JavaScript 有一些保留字，不能用作識別符號：arguments、break、case、catch、class、const、continue、debugger、default、delete、do、else、enum、eval、export、extends、false、finally、for、function、if、implements、import、in、instanceof、interface、let、new、null、package、private、protected、public、return、static、super、switch、this、throw、true、try、typeof、var、void、while、with、yield。

4. 註釋

由於歷史上JavaScript可以相容HTML程式碼的註釋，所以<!--和-->也被視為合法的的單行註釋。

• 注意點：只有-->在行首的時候，才會被當成單行註釋，否則只會當做正常的運算。

  let x;
  
  x = 1; <!--x = 2;
  --> x = 3;
  
  console.log(x);
  

5. 區塊

JavaScript使用大括號，將多個相關的語句組合在一起，稱為區塊（block）。

對於var命令來說，JavaScript的區塊不構成單獨的作用域（scope）。（let作用域是在區塊裡面的）。

• var的作用域是函式作用域，但是不是塊作用域，類似於if{...}
  ，for(){...}這種塊裡面使用var宣告的變數都不是在這個塊作用域裡面的。
• let的作用域是塊。

var num1 = 1;

console.log(num1);//1

function demo() {
    
    var num2 = 2;
    let num3 = 3;

    console.log(num2);//2
    console.log(num3);//3
}


//console.log(num2);//報錯，沒有宣告直接使用
//console.log(num3);//報錯，沒有宣告直接使用

if (true) {
    
    var num4 = 4;

}

console.log(num4);//4

for (; 1 ;){
    var num5 = 5;
    break;
}

console.log(num5);//5

while (true) {
    var num6 = 6;
    break;
}

console.log(num6);//6