阅读 48

JS基础语法

  1. 表达式和语句
  2. 标识符
  3. 注释
  4. 条件语句
    • if else 语句
    • 三元表达式
  5. 循环语句
    • while for语句
    • break和continue
  6. label

1. 表达式和语句

  1. 表达式

指一个为了得到返回值的计算式。

例如:

  • 1+2表达式的值为3
  • add(1,2)表达式的值为函数的返回值    只有函数有返回值
  • console.log表达式的值为函数本身
  • console.log(3)表达式的值为undefined
  1. 语句

为了完成某种任务而进行的操作。

例如:

var a = 1 + 3;
复制代码

注意点:

① 表达式一般都会返回值

② JS对于大小写敏感

③ JS中大部分空格、回车没有实际意义;尤其注意return后不能加回车

2. 标识符

命名规则:

第一个字符:可以是Unicode 字母$_中文

后面的字符:除Unicode 字母 $ _ 中文外,还可以是数字0-9

以下都是合法的标识符

arg0
_tmp
$elem
π
var 临时变量 = 1;
复制代码

注意点:

保留字不能作为标识符

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

3. 注释

单行注释:用//起头

多行注释:注释内容放在/**/之间。

例如:

// 这是单行注释

/*
 这是
 多行
 注释
*/
复制代码

4. 条件语句

1. if else 语句

  • 语法
if(判断条件的表达式){语句1}else{语句2}

{}在语句只有一句的时候可以省略,但不建议省略
复制代码
  • 推荐写法
if(表达式){
    语句
}else if(表达式){
    语句
}else {
    语句
}      //第一种


function fn(){
    if(表达式){
        return 表达式
    }
    if(表达式){
        return 表达式
    }
    return表达式
}      //第二种
复制代码

2. 三元表达式

  • 语法
条件表达式? 表达式1 : 表达式2
复制代码

例如:

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

可改写为

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


求绝对值

function abs(n){
    return n>0?n:-n
}
复制代码

5. 循环语句

1. while 语句

  • 语法
while(表达式){语句}

判断表达式真假
当表达式为真,执行语句,执行后再判断表达式真假
当表达式为假,执行后面的语句
复制代码

例如:

var i = 0
    while(i<10){
        console.log(i)
        i = i + 1
    }
复制代码

2. for 语句

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

先执行语句1
然后判断表达式2
如果为真,执行循环体,再执行语句3
如果为假,直接退出循环,执行后面的语句
复制代码

例如:

for(var i = 0; i < 5; i++){
    console.log(i)
}
复制代码

3. break和continue

break(直接跳出当前循环)

for(var 1 = 0; i < 10; i++){
    if(i%2 === 1){
        break
    }
}                  //1  打出1遇到2就直接停止
复制代码

continue(跳过这次循环,进入下次循环)

for(var 1 = 0; i < 10; i++){
    if(i%2 === 1){
        continue
    }else{
        console.log(i)
    }
}                  //0,2,4,6,8
复制代码

4.lable

语句的前面有标签(label),相当于定位符,用于跳转到程序的任意位置,标签的格式如下。标签可以是任意的标识符,但不能是保留字,语句部分可以是任意语句。

  • 语法
label:
    语句
复制代码

例如:

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

// 1,2
复制代码
文章分类
前端
文章标签