js基本语法

1.表达式与语句

表达式：是一组代码的集合，返回一个值

1 + 3

语句：是为了完成某种任务而进行的操作。以分号结尾，一个分号就表示一个语句结束。多个语句可以写在一行内。

var a = 1 + 3;
var a = 1 + 3 ; var b = 'abc';
;;;    //表示3个空语句

区别:
语句一般情况下不需要返回值；
表达式一定会返回一个值

2.标识符

标识符对大小写敏感，a和A是两个不同的标识符
第一个字符，可以是任意Unicode字母（包括英文字母和其他语言的字母），以及美元符号（$）和下划线（_）
二个字符及后面的字符，除了Unicode字母、美元符号和下划线，还可以用数字0-9
注释：一种是单行注释，用//起头；另一种是多行注释，放在/* 和 */之间。

3.if else 语句

语法

if (表达式) {
   语句
} else if (表达式)  {
   语句
} else {
   语句
}

{}在语句只有一句的时候可以省略

Test1：以下表达式输出什么： a等于2

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

因为省略了{}，if表达式相当于if (a === 2){console.log('a')},代码顺序执行，最后输出a等于2

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

Test2：以下表达式输出什么： a等于2

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

Test3：以下表达式输出什么： undefined

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

switch 语句

//语法
switch(expresstion){
    case value1:
        statement;
        break;
    case value2:
        statement;
        break;
    case value3:
        statement;
        break;
    default:
        statement;
}

如果表达式等于case的值，对应的语句就会执行
break关键字会使程序跳出switch语句,不添加break程序会多次判断case，进入相应流程;
没有一个值符合case，流程进入default子句，很多规范也强调必须添加default部分

问号冒号表达式

表达式1?表达式2:表达式3

function max(a,b){
    if(a>b) return a;
    else return b;
}

function max(a,b){
    return a>b?a:b
}

&& 且运算符

expr1 && expr2

若 expr1 可转换为 true，则返回 expr2；否则，返回 expr1。
并不会取true/false

if(window.a){
  console.log('a存在')
}

window.a && console.log('a存在')

|| 或运算符

expr1 || expr2

若 expr1 可转换为 true，则返回 expr1；否则，返回 expr2。

c = c || 100

if (c){
  c = c 
}else{
  c = 100
}

4.while循环

while语句属于前测试循环语句，也就是在循环体内的代码被执行之前，就会对条件判断，不符合的话就不会执行

while(表达式){
    语句;
}

var i = 0
while(i<10){
  console.log(i)
  i += 1
}
//输出 0 1 2 3 4 5 6 7 8 9

Test:输出结果是否为死循环： 是，因为0.1为浮点数

var a = 0.1
while(a !== 1){
  console.log(a)
  a = a + 0.1
}

5.for循环

for语句也是前测试循环语句，但具备在执行循环代码以前初始化变量和定义循环后要执行代码的能力
先执行语句1，然后判断表达式2；如果为真，执行循环体，再执行语句3；如果为假，直接退出循环

for(语句1; 表达式2; 语句3){
    循环体
}

for(var i = 10; i > 0; i--){
    console.log(i);
}
// 输出 10 9 8 7 6 5 4 3 2 1

Test：输出结果为？十个0

for(var i = 10; i > 0; i--){
    setTimeout(()=>{
      console.log(i);
    },0)
}

先执行for循环，i值为0，过一阵之后执行setTimeout函数输出i；因为for循环10次，setTimeout函数执行10次，所以输出10个0

6.break、continue

break 用于强制退出循环体，执行循环后面的语句

for (var i = 0; i < 5; i++) {
  console.log(i);
  if (i === 3)
    break;
}
// 输出 0 1 2 3

continue 用于退出本次循环，执行下次循环

var i = 0;
while (i < 10){
  i++;
  if (i % 2 === 0) continue; //i为偶数，跳出本次循环
  console.log( i);
}
//输出 1 3 5 7 9

Test:输出结果？ 0 1 2 3 4

for (var i = 0; i < 5; i++) {
  for( var j = 10; j < 15; j++ ){
    if( i ===2 ) break
  }
  console.log(i)
}

因为存在多重循环，break语句和continue语句都只针对最内层循环

7.label

为代码添加标签，方便后续使用,语法：
labelname: statement;

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

foo: {1};    
console.log(2);
// 输出 2

{                    //代码块 
  foo: {1};
  console.log(2);
}
// 输出 2

{                    //代码块 
  foo: {1};     
}

最后表示代码块中有foo标签，标签内容为1