Javascript快速入门之基本语法

129 阅读2分钟

持续创作,加速成长!这是我参与「掘金日新计划 · 10 月更文挑战」的第17天,点击查看活动详情

✔个人主页:Mr.Darcy8的掘金主页

🎉欢迎关注👀点赞👍收藏⭐留言📝以及交流人生哲理🎈学习心得🎁

引入

前些日子我有发过一起JavaScript的简介,似乎是想要开新坑了。但是由于个人原因一直没有机会去更新。本期开始我将拾起这个新坑,把JavaScript这一web2前端的灵魂用尽可能通俗易懂的方式表现出来。

今天主要介绍的是JavaScript的基本语法,包括

  • 语句
  • 语句块
  • 注释

1. 语句

虽然我之前说JavaScript叫这个名字只是因为Java那时候比较火,公司想蹭一蹭热度

但不可否认JavaScript的语句语法和Java有很多相似点,比如每个语句以;结束, 语句块用{}包裹起来......

不过JavaScript毕竟是一个在浏览器中解释执行的语言, 还是比较人性化的, 你要是真的忘了在某个语句后面加;, 浏览器还是会自动帮你补全的——不过这真的不是一个好习惯,因为让浏览器(或者其他能执行JavaScript的引擎)自动帮你加分号形成完整的语句很容易改变你语句的语义, 以类比一下中文加标点改变语义的案例,相信大家小学都没少听到这类故事。

来看看例子:

var x=1;

这就是一个完整的赋值语句

即便你写成了一行,;即代表语句结束——

var x = 1; var y = 0;

这里仍然会被解释成两个语句

2. 语句块

语句块是一组语句的集合,把一组语句集中在了一起,最简单的应用是,满足一定条件就执行语句块中所有语句:

if (10 > 9) {
    x = 1;
    y = 0;
    z = 1;
}

语句块还可以嵌套:

if (10 > 9) {
    x = 1;
    y = 0;
    z = 1;
    if (x < y) {
        z = 8;
    }
    if (x > y) {
        z = 9;
    }
}

不过不建议嵌套太多层级。如果有需要的话,建议和学习别的语言一样,用自定义函数调用的方式增加代码可读性。

3. 注释

和大多数编程语言不一样,JavaScript的注释用的是//而不是#。且注释不需要以;结束,到行末自动结束:

// 注释,不执行
alert('hello world'); // 这也是注释


块注释则是用/**/把代码包裹起来来实现

/* 块注释
第二行注释
第三行注释
第四行注释 */

是不是很简单呢?

新人上路,欢迎互相帮扶~Mr_darcy8的掘金主页

可以的话给咱点个赞呗💖