js基础语法

122 阅读2分钟

1.表达式和语句

1.表达式

表达式一般都有值,但是分为值和返回值

(1)1+2表达式的值为3

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

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

(4)console.log(3)表达式的值为undefined,3是函数执行的效果,值是函数的返回值undefined

2.语句

var a = 2 ;

这就是一个语句

区别:表达式一般会有值,语句可能有可能没有

          语句一般会改变环境(声明和赋值)

          大小写敏感,空格和回车一般没有效果,但是return后面不能加回车

2.if语句

基础语法

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

举一个缩进的变态例子

var a = 2;
if(a === 3){
   console.log('a等于2');
  console.log('a等于3');

这个输出什么?

当else后面不写{},就代表后面的第一句语句是指在{}里面的

最推荐写法

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

次推荐用法

function fn() {
    if (表达式) {
        return 表达式
    }    if (表达式) {
        return 表达式
    }    return 表达式
}

3.switch语句

if...else...的升级版

基础语法

switch (fruit) {
    case "orange":
        console.log("orange");
        break;    case "apple":
        console.log("apple");
        break;    case "banana":
        console.log("banana");
        break;
}

注意:一定不要忘了break

4.三元表达式和&&,||短路运算

1.三元表达式

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

如果表达式1为真,就执行表达式2,否则执行表达式3

2.&&短路运算

A && B && C && D

取第一个假值或者D

3. || 短路运算

A || B || C || D

取第一个真值或者D

5.while循环

语法:

while(表达式){
           语句
}

判断表达式的真假

当表达式为真的时候,执行语句,然后在判断表达式的真假

当表达式为假的时候,结束循环,执行后面的语句

6.for循环

for循环是while的方便写法(语法糖)

语法:

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

先执行语句1;

然后判断表达式2;

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

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

7.break和continue

break退出当前循环

continue退出当前一次循环

9.label语句

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

输出:1

          2

把{}里面的变成1

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

然后加上代码块

面试题:

{
foo:1
}

上面是什么意思?

它不是对象,就是一个label标签,label标签的内容(语句)就是1