JavaScript基本语法

主要内容

  • 表达式,语句
  • 标识符
  • 流程控制
    • if-else
    • switch-case
  • 循环
    • while-for
    • break & continue
    • label
  • 注释

表达式 expression

1
2
3
4
5
6
7

1+1

String(1234)

hasValue?o.value:"null"

语句 statement

1
2
3
4
5

let m_num = 1024*148;

return;

标识符命名规则

可选字符

  • $
  • 下划线( _ )
  • 字母 (a-zA-Z, JS底层保存标识符时实际上是才用的Unicode编码,所以理论上讲,所有的UTF-8中含有的所有字符都可以使用。)
  • 数字(0-9) , 数字不可置于开头
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

var $ = '';
var _ = '';
var b_value = true;

let $b = 'str';

const num_007 = 100;

function h$_ello(){

}

const foo123 = () => {

}

const bar456 = x => x * x;

流程控制

if-else 语句

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
if(a>0){
;
}

if(a===0){
;
}else{
;
}

if(a == 1){
;
}else if(a == 2){
;
}else{
;
}

switch-case 语句

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

let key = 10;
let value;

switch(k){
case 1:
value = "1";
break;
case 2:
value = "2";
break;
case 3:
value = "3";
break;
case "abc": // 不同于c/c++ case后面可以跟字符串
value = "def";
break;
default:
value = "default";
}

循环

while & for

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

while(true){
//loop
}

do{
console.log(a);
++a;
}while(a < 100);

for(let i = 0; i < 10; ++i){
console.log(i);
}


break continue

1
2
3
4
5
6
7
8
9
10
11
12
13

let i = 0;
while(true){
if(i === 5){
continue;
}
if(i > 10){
break;
}
console.log(i);
++i;
}

label

用途:搭配break,continue做循环跳转,不常见。label使用过多会导致代码不易阅读,慎用!

1
2
3
4
5
6
7
8
9
10
11
12
13
14

let str = '';

loop1:
for (let i = 0; i < 5; i++) {
if (i === 1) {
continue loop1;
}
str = str + i;
}

console.log(str);
// expected output: "0234"

注释

1
2
3
4
5

// 单行

/* comment */ //多行,不可嵌套


JavaScript基本语法
http://example.com/2023/01/08/JavaScript基本语法/
作者
Ray
发布于
2023年1月8日
许可协议