JavaScript 语法入门

本篇博客是作为个人自学记录，如有不足之处，请批评指正。

版本：ES 6

本章的基础语法指的是 JS 比较常用的语法

表达式和语句

表达式

• 1+2 表达式的值为 3
• add(1,2) 表达式的值为函数的返回值

• console.log 表达式的值为函数本身
• console.log(3) 表达式的值为多少？ 答案：undefined

语句

• var a = 1 是一个语句 语句的值是undefined

区别

• 表达式一般都有值，语句可能有也可能没有
• 语句一般是用来改变环境（声明、赋值）

• 上面两句话并不是绝对的 只是一般情况下

大小写敏感

• var a 和 var A 是不同的
• object 和 Object 是不同的

• function 和 Function 是不同的

空格和回车

只要不影响断句，大部分空格是没有实际意义的

• var a = 1 和 var a = 1 没有区别

回车

• 同上，没有区别
• 只有一个地方不能加回车，就是 return 后面（如果在 return 后面加回车，返回值是 undefined）

标识符

变量名是标识符

规则

• 第一个字符：可以是字母、$ 、_ 或中文
• 后面的字符：除了上面所说的，还可以是数字

注释

// 单行注释

/*
   12
   多行注释
   123
*/

注释分类

注释并不是写的越多越好

不好的注释

• 把代码翻译成中文
• 过时的注释

• 发泄不满的注释

好的注释

• 重要信息的注释
• 踩坑注释

• 为什么代码会写得奇怪，遇到什么bug

区块 block

• 就是用 {} 把代码包在一起

{
  let a = 1
  let b = 2
}

• 常常与 if / for / while 合用

if 语句

如果… 那么…

语法

if (condition) {
    // 语句1
} else {
    // 语句2
}

• {} 在只有一句语句的时候可以省略（不建议这样做）

变态情况

• 表达式里可以很变态，如 a = 1

let a = 2;
if (a = 1) {
    console.log("a是1");
}

// 输出：a是1
// 因为 = 是赋值符号，表达式里可以用赋值符号，如果判断要用 ===

• 语句1 里可以非常变态，如嵌套 if else
• 语句2 里可以非常变态，如嵌套 if else

• 缩进变态：

a = 1;
if(a === 2)
  console.log('a')
	console.log('a等于2')

// a等于2

// 上面代码等于：

a = 1;
if(a === 2) {
	console.log('a')
}
console.log('a等于2')

switch 语句

if … else … 升级版

语法

switch(expression) {
    case value1:
        语句	// 当 expression 的结果与 value1 匹配时，执行此处语句
        break;
    case value2:
        语句	// 当 expression 与 value2 匹配时，执行此处语句
        break;
    default:
        语句	// 如果 expression 与上面的value值都不匹配时，执行此处语句
}

条件运算符 ? :

问号冒号表达式

条件（三元）运算符

代替 if else 的

语法

condition ? exprIfTrue : exprIfFalse

短路逻辑 && ||

代替 if 或者 if else的

&&

与与短路逻辑

语法

expr1 && expr2 // 如果 expr1 为 true，则返回expr2，否则，返回 expr1

||

或或短路逻辑

语法

expr1 || expr2 // 如果 expr1 为 true，则返回expr1，否则，返回 expr2

while 循环

当…

语法

while (condition) {
	语句	// 当 condition 为真，执行此处语句，执行完再次判断 condition 的真假 
}

需要初始化变量、判断条件、循环体、自增或自减
示例：
var a = 1;		// 初始化
while(a <= 10) {	// 判断
	console.log(a);	// 循环体
      a = a + 1;	// 自增
}

for 循环

语法

for(初始化;判断条件;自增或自减) {
  语句	// 循环体，执行完此处语句后再执行自增或自减，然后再判断，再执行此处语句
}

break 和 continue

退出所有循环 和 跳过当前一次循环

label 语句

JavaScript 语言允许，语句的前面有标签（label），相当于定位符，用于跳转到程序的任意位置，标签的格式如下。

label:
  语句

标签可以是任意的标识符，但不能是保留字，语句部分可以是任意语句。

标签通常与break语句和continue语句配合使用，跳出特定的循环。

foo: {
  console.log(1);
  break foo;
  console.log('本行不会输出');
}
console.log(2);
// 1
// 2