1. 程式人生 > 實用技巧 >JavaScript基礎語法

JavaScript基礎語法

1. 值和變數

1.1 原始值和引用值

JavaScript中變數存放的值可分為原始值和引用值。

原始值有:UndefindNullBooleanNumberString

引用值:Object

1.2 變數

1.2.1 變數定義

標準寫法:var 變數名 = 值 ;

栗子:

// 數字
var num = 123;

// 字串
var str = "hello world!";

// 布林值
var flag = true;
1.2.2 變數名規則
  • 變數名由字母、數字、 _ 、 $組成。
  • 不能以數字開頭;

2. 運算子

1. 算術運算子:+ - * / %

2. 關係運算符:> < >= <= == != === !==

3. 位運算子:& | ~ << >> >>>

4. 賦值運算子:= 算術或位運算子=(如:+= <<=)

5. 三目運算子:boolean_expression ? true_value : false_value;

2.1 全等於非全等

  • 兩個=是非全等,僅僅比較值是都相等;
  • 三個=是全等,不僅比較值,還比較值得型別是否相等。
//非全等
"123" == 123; // true

//全等
"123" === 123; // false

3. 語句

1. 順序語句 (預設,從上往下按順序執行)

2. 分支語句 (if語句、switch語句)

3. 迴圈語句 (for迴圈、while迴圈、do while迴圈)

3.1 分支語句

// if 語句
if (i > 30) {
  alert("大於 30");
} else if (i < 0) {
  alert("小於 0");
} else {
  alert("在 0 到 30 之間");
}

// switch 語句
switch (i) {
  case 20: alert("20");
    break;
  case 30: alert("30");
    break;
  case 40: alert("40");
    break;
  default: alert("other");
}

3.2 迴圈語句

// for
iCount = 6;
for (var i = 0; i < iCount; i++) {
  alert(i);
}

// for-in
for (sProp in window) {
  alert(sProp);
}

// while
var i = 0;
while (i < 10) {
  i += 2;
}

// do while
var i = 0;
do {i += 2;} while (i < 10);