表达式与语句
表达式
-
1+2表达式的值为3 -
add（1,2）表达式的值为函数的返回值 -
console.log表达式的值为函数本身 -
举例：
console.log（3)表达式的值为多少？ 答： 为 undefined. -
注意： 只有函数有返回值
语句
var a = 1是一个语句
二者的区别
-
表达式一般都有值，语句可能也，也可能没有
-
语句一般会改变环境（声明、赋值）
-
上面两句话并不是绝对的
大小写敏感
不要写错
-
var a和var A是不同的 -
object和Object是不同的 -
function和Function是不同的
空格
-
大部分空格没有实际意义
-
var a = 1和var a = 1没有区别 -
加回车大部分时候也不影响
-
只有一个地方不能加回车，那就是 return 后面，return后面若回车，就会自动补入undefined。
标识符
规则
-
第一个字符，可以是Unicode字母（包括英文字母和其他语言的字母）或者 美元符号（$） 或 下划线（_） 或 中文
-
后面的字符，除了上面所说，还可以有数字
下面是合法的标识字符
arg0
_tmp
$elem
π
下面是不合法的标识字符
1a // 第一个字符不能是数字
23 // 同上
*** // 标识符不能包含星号
a+b // 标识符不能包含加号
-d // 标识符不能包含减号或连词线
中文是合法的标识符，可以用作变量名。
变量名是标识符
-
var _ = 1
-
var $ = 2
-
var ______ =6
-
var 你好 = 'hi'
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。
注释
- 源码中被 JavaScript 引擎忽略的部分就叫做注释，它的作用是对代码进行解释。JavaScript 提供两种注释的写法：一种是单行注释，用
//起头；另一种是多行注释，放在/*和*/之间。
注释的分类：不好的注释
-
把代码翻译成中文
-
过时的注释
-
发泄不满的注释
注释的分类：好的注释
-
踩坑注释
-
为什么代码会写得这么奇怪，遇到bug
区别block
JavaScript 使用大括号，将多个相关的语句组合在一起，称为“区块”（block）。
- 把代码包在一起
{
let a = 1
let b =2
}
- 常常与 if/for/while 合用
条件语句
-
if...else
-
switch
-
A?B:C
-
A&&B
-
fn&&fn()
-
A||B
-
A=A||B
if 语句 （如果、、、那么、、、）
语法
-
if (表达式){语句1}else{语句2} (意思为如果表达式成立，就执行语句1；如果这个表达式不成立，就执行语句2)
-
{} 在语句只有一句的时候可以省略，不建议这样做
变态情况
- 表达式里可以非常变态，如
a = 1
注意： if后面的表达式之中，不要混淆赋值表达式（=）、严格相等运算符（===）和相等运算符（==）。尤其是赋值表达式不具有比较作用。
-
语句1里可以非常变态，如套嵌的
if else -
语句2里可以非常变态，如套嵌的
if else -
缩进也可以很变态，如下（面试题里常常下套）
a = 1
if(a===2)
console.log('a')
console.log('a等于2')
结果为： a等于2 （注意：第二个console.log前面的空格是无意义的，JS没有行的概念，如出现逗号， 则表示这句话没完，如出现分号； 则表示这句话结束了）
- *** 注意：
else代码块总是与离自己最近的那个if语句配对；如果想让else代码块跟随最前面的那个if语句，就要改变大括号的位置。
最推荐写法
if(表达式){
语句
}else if（表达式）{
语句
}else{
语句
}
次推荐写法
function fn(){
if(表达式){
return表达式
}
if(表达式){
return 表达式
}
return表达式
}
switch语句
语句
- if、、、else、、、的升级版
switch(fruit){
case "banana":
//...
break;
case "apple":
//...
break;
default;
//...
}
上面代码根据变量fruit的值，选择执行相应的case。如果所有case都不符合，则执行最后的default部分。需要注意的是，每个case代码块内部的break语句不能少，否则会接下去执行下一个case代码块，而不是跳出switch结构。
-
大部分时候，省略break就玩了
-
少部分时候，可以利用break
case代码块之中没有break语句，导致不会跳出switch结构，而会一直执行下去。
问号冒号表达式
表达式1？表达式2：表达式3
(条件) ? 表达式1 : 表达式2
- 用于简化
if...else...里面只有一个语句，例如：
function max(a,b){
return a>b ? a:b
}
&& 短路逻辑
A && B && C && D 取第一个假值或D 并不会取true/false
| A\B | 真 | 假 |
|---|---|---|
| 真 | B | B |
| 假 | A | A |
代码为：
window.fi && console.log('f1存在')
|| 路逻辑
A||B||C||D 取第一个真值或D 并不会取true/false
代码如下：如果a存在，则取a=a,如果a不存在，则取a=100。
a = a || 100
if(a){
a=a
} else{
a = 100 //保底值
}
总结
条件语句
-
if...else
-
switch
-
A?B:C
-
A&&B
-
fn&&fn()
-
A||B
-
A=A||B
while循环 (用的比较少) （当...时）
语法
-
while（表达式）{语句} -
判断表达式的真假
-
当表达式为真，执行语句，执行完再判断表达式的真假
-
当表达式为假，执行后面的语句
- 下面是
while语句的一个例子。
var i = 0;
while (i < 100) {
console.log('i 当前为：' + i);
i = i + 1;
}
上面的代码将循环100次，直到i等于100为止。
- 下面的例子是一个无限循环，因为循环条件总是为真。
while (true) {
console.log('Hello, world');
}
var a = 0.1 //初始化
while (a !===1){ //判断
console.log(a) //循环体
a= a+0.1 //增长
}
do...while循环（用的少）
do...while循环与while循环类似，唯一的区别就是先运行一次循环体，然后判断循环条件。
do
语句
while (条件);
// 或者
do {
语句
} while (条件);
不管条件是否为真，do...while循环至少运行一次，这是这种结构最大的特点。另外，while语句后面的分号注意不要省略。例如：
var x = 3;
var i = 0;
do {
console.log(i);
i++;
} while(i < x);
for循环
语法糖
-
for是while循环的方便写法
-
for语句是循环命令的另一种形式，可以指定循环的起点、终点和终止条件。
语法
- for(语句1；表达式2；语句3){ 循环体 }
for (初始化表达式; 条件; 递增表达式)
语句
// 或者
for (初始化表达式; 条件; 递增表达式) {
语句
}
-
先执行语句1
-
然后判断语句2
-
如果为真，先执行循环体，然后执行语句3
-
如果为假，直接退出循环，执行后面的语句
注意：for语句后面的括号里面，有三个表达式。
- 初始化表达式（initialize）：确定循环变量的初始值，只在循环开始时执行一次。
- 条件表达式（test）：每轮循环开始时，都要执行这个条件表达式，只有值为真，才继续进行循环。
- 递增表达式（increment）：每轮循环的最后一个操作，通常用来递增循环变量。
var x = 3;
for (var i = 0; i < x; i++) {
console.log(i);
}
// 0
// 1
// 2
var x = 3;
for (var i = 0; i < x; i++) {
setTimeout(() => {console.log(i)})
}
// 5个5
var x = 3;
for (let i = 0; i < x; i++) {
setTimeout(() => {console.log(i)})
}
// 0
// 1
// 2
// 3
// 4
for语句的三个部分，可以省略任何一个，也可以全部省略。省略了for语句表达式的三个部分，结果就导致了一个无限循环。
for ( ; ; ){
console.log('Hello World');
}
bleak 和 continue
退出所以循环 V.S 退出当前一次循环
break语句和continue语句都具有跳转作用，可以让代码不按既有的顺序执行。
break语句用于跳出代码块或循环。
例如：
var i = 0;
while(i < 100) {
console.log('i 当前为：' + i);
i++;
if (i === 10) break;
}
上面代码只会执行10次循环，一旦i等于10，就会跳出循环。
- 注意：如果存在多重循环，不带参数的
break语句和continue语句都只针对最内层循环。
label语句
语法
- 标签也可以用于跳出代码块。
foo: {
console.log(1);
break foo;
console.log('本行不会输出');
}
console.log(2);
// 1
// 2
- 面试题
{
foo:
}
上面是什么意思？
答： foo不是对象，是一个label，它的语句是1。在firefox里面是此含义；在Chrome里面，做了优化，需要在foo后面加上分号（；），才成立
