JS的基本语法

291 阅读3分钟
JavaScript 是一个程序语言。语法规则定义了语言结构。目前常用的JS版本是ES6版本,大部分浏览器都支持,ES2019与ES6差别不大,它的基本语法:借鉴 C 语言和 Java 语言。

1.表达式与语句

JavaScript区分表达式和语句。表达式是输出值的,并且可以写在任何需要一个值的地方。一个语句表示执行了一个动作,一般会改变环境(声明、赋值)。循环控制语句和if语句就是例子。一个程序基本上就是一系列的语句的集合。

表达式是输出值的

例如:

1+2表达式的值为3

add(1,2)表达式的值为函数的的返回值(只有函数才有返回值)

console (log)表达式的值为函数本身

语句表示执行了一个动作

举例:

 var a=1

以上就是一个声明语句


2.标识符的规则

  • 大部分的空格没有实际意义,只有一个地方不能加回车:那就是return后面。
  • 大小写敏感,大写字母和小写字母是不样的。
  • 第一个字符,可以是Unicode字母或$或_或者中文(第一个字符不能是数字)。
  • 后面的字符,除了上面说的,还可以是数字。
  • 变量名就是标识符
  • 注释:

          //注释一行

          /*   */注释多行

3.if else语句

  • 语法(如果...那么...)

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

{ }在语句只有一句的时候可以省略,但是不建议这样做

表达式里可以非常变态:如a=1

语句1里可以非常变态:如嵌套的if else

语句2里可以非常变态:如嵌套的if else

缩进也可以很变态:

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

  • Switch语句

一个 switch 语句允许测试一个变量等于多个值时的情况。每个值称为一个 case,且被测试的变量会对每个 switch case 进行检查。

比如:

switch(fruit){
case"banana":
//...
break;
case"apple":
//...
break;
defrult:
//...
}

  • 问号冒号表达式

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

  • &&短路逻辑

语法:A&&B&&C&&D

取第一个假值或D,并不会取ture/false

  • ||短路逻辑

语法:A||B||C||D

取第一个真值或D,并不会取ture/false

4.while for 语句

  • whlie循环

语法:while(表达式){语句}先判断表达式的真假,当表达式为真,执行语句,执行完再判断表达式的真假;当表达式为假,执行后面的语句。

  • for循环

for循环是while循环的方便写法

语法:for(语句1;表达式2;语句3){

循环体}

先执行语句1,然后判断表达式2,

如果为真,执行循环体,然后执行语句3;

如果为假,直接退出循环,执行后面的语句。

for(var i=0; i<5;i++){
setTimeout(()=>{console.log(i)})
}

输出结果为:

5.break 和continue

  •   break:在循环体内结束整个循环过程
  •  continue :结束本次的循环,直接进行下一次的循环

6.label

标记语句可以和 break 或 continue 语句一起使用。标记就是在一条语句前面加个可以引用的标识符(identifier)。

语法:

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

推荐的书籍:

  1. 适合入门《网道 JavaScript 教程
  2. 适合进阶《你不知道的 JavaScript(上卷)