javascript基本语法学习总结

最新推荐文章于 2023-06-03 13:34:19 发布

原创最新推荐文章于 2023-06-03 13:34:19 发布 · 180 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端

前端学习笔记专栏收录该内容

22 篇文章

订阅专栏

本文深入讲解JavaScript的基础概念，包括语句与表达式的区别、合法标识符的定义、条件语句的使用、循环控制结构如while和for的应用，以及break和continue的特性。同时介绍了如何利用label来控制循环的跳出。

语句和表达式

表达式和语句的区别在于，语句是为了进行某种操作，一般情况下不需要返回值，而表达式是为了得到值。

一般情况下，在javascript中每一行就是一个语句。

let a = 1 + 3

这是一条赋值语句，其中1+3就是语句。

标识符

在javascript中，第一个字符可以是Unicode字符或或者$或者_或者中文。后面的字符，除了上面所说的，还可以是数字。

合法标识符：

let _ = 1
let $ = 2
let $3 = 3
let 名字 = 'zhangsan'

非法标识符：

let int = 1                 //保留字  
let 90 = 43                 //数字开头
let hello world = '你好'      //标识符中有空格

条件语句

编程语言中，代码需要依靠不同的输入做出相应的决定，就需要用到条件语句。

基本语法：

if (condition) {
    ...
} else {
    ...
}

else和后面花括号中的语句不是必须的，

if (condition){
    ...
}
...

这里要注意的是，这种情况下，后面的语句是一定会执行的。

如果条件条件比较多的情况可以配合else if使用

if (condition) {
    ...
} else if (condition2) {
    ...
} else {
    ...
}

当对应的condition被满足时，就会执行对应花括号中的语句。如果都不满足，会执行最后的else语句。

`while`和`for`

while语句是，当满足条件就会执行花括号中的代码。

let i = 1
while (i < 10) {
    console.log(i)
    i++
}

for语句是while语句的语法糖

for(let i = 0; i < 10; i++){
    console.log(i)
}

while和for语句都是由三部分组成：

声明语句
条件语句
循环体

`break`和`continue`

break可以跳出当前循环

for(let i = 0; i < 10; i++){
    if(i === 5) break
    console.log(i)
}

//0
//1
//2
//3
//4

Tips：如果有多层循环就跳不出整个循环了。

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

continue会跳出循环中的满足条件的那一次

for(let i = 0; i < 10; i++){
    if(i % 2 !== 0) continue
    console.log(i)
}

//0
//2
//4
//6
//8

`label`

lable表示是代码块的意思

foo: {
    console.log(1)
}

大括号内的这块表示是foo。

上面讲到break只能跳出当前循环，不过可以配合label使用，跳出你想跳出的循环。

loop1:
for(let i = 0; i < 10; i++){
    for(let j = 0; j < 10; j++){
        if(i===5 && j===5) break loop1;
        console.log('i: ' + i,'j: '+ j)
    }
}

label也可以配合continue使用，用法是一样的。