作為一種常見的編程語言，JavaScript 在網頁開發中扮演著重要的角色。因為 JavaScript 的靈活性、運行速度和可用性，它已經成為了開發者們的首選語言之一。在使用 JavaScript 編寫代碼時，要注意其中的一些語法規則以確保良好的代碼質量。下面將介紹一些基本的 JavaScript 語法。

JavaScript 代碼語法分為：注釋、聲明變量、變量作用域、常量、數據類型、運算符、條件語句、循環語句、函數等幾個方面。

1. 注釋

// 單行注釋
/*
多行注釋
*/

注釋在代碼中很常見，主要用于增加可讀性和代碼的可維護性。注釋中的內容不會被計算機處理。

2. 聲明變量

var x = "Hello World!";
let y = "Hello";
const z = 3.14;

JavaScript 中可以使用三種不同的關鍵字來聲明變量：var、let 和 const。其中 var 關鍵字可以在整個代碼中訪問，而 let 和 const 只在它們被定義所處的代碼塊中存在。var 關鍵字可以多次聲明同一個變量，而 let 和 const 只能被聲明一次。

3. 變量作用域

var x = 10; // 全局變量
function myFunction() {
var y = 15; // 局部變量
}

JavaScript 中有兩種變量作用域：全局變量和局部變量。全局變量可以在任何地方訪問，而局部變量只能在它們被定義所處的代碼塊中訪問。

4. 常量

const PI = 3.14;

常量是一種特殊的變量，它的值在定義之后不能被改變。常量使用 const 關鍵字聲明。

5. 數據類型

var num = 10; // 數字
var str = "Hello"; // 字符串
var bool = true; // 布爾值
var arr = [1,2,3]; // 數組
var obj = {name:"Tom", age:20}; // 對象
var n = null; // 空
var u = undefined; // 未定義

JavaScript 有七種基本的數據類型：數字、字符串、布爾值、數組、對象、空和未定義。

6. 運算符

var x = 10 + 5; // 加法運算符
var y = 10 - 5; // 減法運算符
var z = 10 * 5; // 乘法運算符
var w = 10 / 5; // 除法運算符
var m = 10 % 3; // 取模運算符

在 JavaScript 中有多種運算符可以用來進行數學計算、邏輯運算和賦值操作。

7. 條件語句

if (x > y) {
console.log("x 大于 y");
} else if (x == y) {
console.log("x 等于 y");
} else {
console.log("x 小于 y");
}

在 JavaScript 中可以使用 if、else if/else、switch 這些關鍵字來編寫條件語句。

8. 循環語句

for (var i=0; i<10; i++) {
console.log(i);
}
var j = 0;
while (j < 10) {
console.log(j);
j++;
}

在 JavaScript 中，可以使用 for、while、do/while 這些關鍵字來編寫循環語句。

9. 函數

function myFunction(x,y) {
return x + y;
}
var result = myFunction(10,5);
console.log(result);

在 JavaScript 中定義函數需要使用 function 關鍵字，通過傳入參數執行相應的操作并返回結果。

總之，JavaScript 的語法非常靈活，可以滿足各種編程需求。在編寫 JavaScript 代碼時要注意代碼的可讀性、可維護性，從而使代碼更加規范化。