JavaScript 语录（基础语法）


JavaScript 语录

简介

语句

变量

标识符

注释

区块

条件语句

简介

JavaScript 是 Web 的编程语言。

所有现代的 HTML 页面都使用 JavaScript。

JavaScript 非常容易学。

本教程将教你学习从初级到高级JavaScript知识。

语句

  1. JavaScript 程序的执行单位为行（line），也就是一行一行地执行。一般情况下，每一行就是一个语句。
  2. 语句以分号结尾，一个分号就表示一个语句结束。多个语句可以写在一行内。
  3. 分号前面可以没有任何内容，JavaScript 引擎将其视为空语句。

变量

  1. 变量定义
1
2
3
var a = 1;
a = 1;//等同var a = 1
var a; //undefined

  1. 注意，JavaScript 的变量名区分大小写，A和a是两个不同的变量。
  2. 如果只是声明变量而没有赋值，则该变量的值是undefined。undefined是一个特殊的值，表示“无定义”。
  3. 变量赋值的时候，忘了写var命令，这条语句也是有效的。
  4. 如果一个变量没有声明就直接使用，JavaScript 会报错，告诉你变量未定义。 // ReferenceError: x is not defined
  5. JavaScript 是一种动态类型语言，也就是说，变量的类型没有限制，变量可以随时更改类型。
1
2
var a = 1;
a = ‘hello’;

上面代码中，变量a起先被赋值为一个数值，后来又被重新赋值为一个字符串。第二次赋值的时候，因为变量a已经存在，所以不需要使用var命令。

  1. 如果使用var重新声明一个已经存在的变量，是无效的。

如果第二次声明的时候还进行了赋值，则会覆盖掉前面的值。

1
2
3
4
5
6
var x = 1;
var x = 2;
//等同于
var x = 1;
var x;
x = 2;
  1. JavaScript 引擎的工作方式是，先解析代码，获取所有被声明的变量，然后再一行一行地运行。这造成的结果，就是所有的变量的声明语句，都会被提升到代码的头部，这就叫做变量提升（hoisting）。
1
2
3
4
5
6
7
8
console.log(a);
var a = 1;
上面代码是被允许的, 因为存在代码提升，但执行等同下面的代码

var a;
console.log(a);
a = 1;
最后的结果显示是undefined

标识符

标识符（identifier）指的是用来识别各种值的合法名称。最常见的标识符就是变量名，以及后面要提到的函数名。JavaScript 语言的标识符对大小写敏感，所以a和A是两个不同的标识符。

标识符有一套命名规则，不符合规则的就是非法标识符。JavaScript 引擎遇到非法标识符，就会报错。

简单说，标识符命名规则如下。

  • 第一个字符，可以是任意 Unicode 字母（包括英文字母和其他语言的字母），以及美元符号（$）和下划线（_）。
  • 第二个字符及后面的字符，除了 Unicode 字母、美元符号和下划线，还可以用数字0-9。

下面这些都是合法的标识符。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
下面是合法标识符
arg0
_tm
$ele
π

下面这些则是不合法的标识符。
1a  // 第一个字符不能是数字
23  // 同上
***  // 标识符不能包含星号
a+b  // 标识符不能包含加号
-d  // 标识符不能包含减号或连词线

中文是合法的标识符，可以用作变量名。
var 临时变量 = 1;

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。

注释

  1. 一种是单行注释，用//起头；
  2. 另一种是多行注释，放在/*和*/之间。
  3. 由于历史上 JavaScript 可以兼容 HTML 代码的注释，所以也被视为合法的单行注释。
1
2
3
4
x = 1; <!—x = 2; // 只执行 x = 1;
--> x = 3; // 不执行, 当成注释
4. -->只有在行首，才会被当成单行注释，否则会当作正常的运算。  
(n --> 0); // n --> 0实际上会当作n-- > 0，因此输出2、1、0。

区块

JavaScript 使用大括号，将多个相关的语句组合在一起，称为“区块”（block）。

对于var命令来说，JavaScript 的区块不构成单独的作用域（scope）。

1
2
3
4
5
6
7
8
9
10
{
  var a = 1;
}
a // 1

上面代码在区块内部，使用var命令声明并赋值了变量a，
然后在区块外部，变量a依然有效，区块对于var命令不构成单独的作用域，
与不使用区块的情况没有任何区别。在 JavaScript 语言中，
单独使用区块并不常见，区块往往用来构成其他更复杂的语法结构，
比如for、if、while、function等。

条件语句

  1. If 条件语句
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
true 为真, false 为假;

语句方式
if (布尔值)
   语句;

If (布尔值) 语句;

If (布尔值) {
    语句;
}

If (布尔值)
{
    语句;
}

if后面的表达式之中，不要混淆赋值表达式（=）、严格相等运算符（===）和相等运算符（==）。尤其是赋值表达式不具有比较作用。

Note :
放置漏写’=’, 想判断实际是赋值, 为了让编译上就发现, 如下:
if (x = 2) { // 不报错， 不建议这样写
if (2 = 2) { // 报错, 编译时就发现， 建议

2. If…else

3. Switch

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
//字符串
switch(fruit) {
case "banana":   // ...
break;
case "apple":// ...
break
;
default:// ...
}
 
// 数值
var x = 1;
switch(x) {
case 1:
console.log('x 等于1');
case 2:  
console.log('x 等于2');
default:
console.log('x 等于其他值');
}

4. 三元运算符

(条件) ？ 表达式1 : 表达式2

5. 循环语句

(1) while 循环

1
2
3
4
5
6
7
8
9
while(条件) 语句;

// 或者
while(条件)
    语句;

while(条件) {
  console.log(‘Hello’)
}
1
   (2) for 循环 (递增表达式支持前++后++)
1
2
3
4
5
6
7
for (初始化表达式; 条件; 递增表达式)
    语句;

// 或者
for (初始化表达式; 条件; 递增表达式) {
    语句
}

(3) do…while 循环

1
2
3
4
5
6
7
8
do
  语句
while (条件);

// 或者
do {
语句
} while(条件);

(4) break 语句和 continue语句

1
2
break语句和continue语句都具有跳转作用，可以让代码不按既有的顺序执行。
break语句用于跳出代码块或循环。

(5) 标签

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
JavaScript 语言允许，语句的前面有标签（label），相当于定位符，用于跳转到程序的任意位置，标签的格式如下。
label:
  语句
标签可以是任意的标识符，但不能是保留字，语句部分可以是任意语句。
标签通常与break语句和continue语句配合使用，跳出特定的循环。
top:
  for (var i = 0; i < 3; i++){
    for (var j = 0; j < 3; j++){
      if (i === 1 && j === 1) break top;
      console.log('i=' + i + ', j=' + j);
    }
  }
// i=0, j=0
// i=0, j=1
// i=0, j=2
// i=1, j=0
上面代码为一个双重循环区块，break命令后面加上了top标签（注意，top不用加引号），满足条件时，直接跳出双层循环。如果break语句后面不使用标签，则只能跳出内层循环，进入下一次的外层循环。
标签也可以用于跳出代码块。
foo: {
  console.log(1);
  break foo;
  console.log('本行不会输出');
}
console.log(2);
// 1
// 2
上面代码执行到break foo，就会跳出区块。
continue语句也可以与标签配合使用。
top:
  for (var i = 0; i < 3; i++){
    for (var j = 0; j < 3; j++){
      if (i === 1 && j === 1) continue top;
      console.log('i=' + i + ', j=' + j);
    }
  }
// i=0, j=0
// i=0, j=1
// i=0, j=2
// i=1, j=0
// i=2, j=0
// i=2, j=1
// i=2, j=2
上面代码中，continue命令后面有一个标签名，满足条件时，会跳过当前循环，直接进入下一轮外层循环。如果continue语句后面不使用标签，则只能进入下一轮的内层循环。

入门篇 - 基础语法 https://wangdoc.com/javascript/basic/grammar.html

参考 - https://2ality.com/2011/10/javascript-overview.html