Javascript快速入门之基本语法

简介: 引入前些日子我有发过一起JavaScript的简介,似乎是想要开新坑了。但是由于个人原因一直没有机会去更新。本期开始我将拾起这个新坑,把JavaScript这一web2前端的灵魂用尽可能通俗易懂的方式表现出来。今天主要介绍的是JavaScript的基本语法,包括语句语句块注释

引入


前些日子我有发过一起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'); // 这也是注释


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


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


是不是很简单呢?


相关文章
|
3月前
|
存储 JavaScript 前端开发
Node.js的基本语法
【8月更文挑战第12天】Node.js的基本语法
123 1
|
25天前
|
JavaScript 前端开发
JavaScript 函数语法
JavaScript 函数是使用 `function` 关键词定义的代码块,可在调用时执行特定任务。函数可以无参或带参,参数用于传递值并在函数内部使用。函数调用可在事件触发时进行,如用户点击按钮。JavaScript 对大小写敏感,函数名和关键词必须严格匹配。示例中展示了如何通过不同参数调用函数以生成不同的输出。
|
30天前
|
JavaScript 前端开发 大数据
在JavaScript中,Object.assign()方法或展开语法(...)来合并对象,Object.freeze()方法来冻结对象,防止对象被修改
在JavaScript中,Object.assign()方法或展开语法(...)来合并对象,Object.freeze()方法来冻结对象,防止对象被修改
15 0
|
3月前
|
JavaScript 前端开发
JavaScript基础&实战(1)js的基本语法、标识符、数据类型
这篇文章是JavaScript基础与实战教程的第一部分,涵盖了JavaScript的基本语法、标识符、数据类型以及如何进行强制类型转换,通过代码示例介绍了JS的输出语句、编写位置和数据类型转换方法。
JavaScript基础&实战(1)js的基本语法、标识符、数据类型
|
3月前
|
前端开发 JavaScript 程序员
前端 JavaScript 的 _ 语法是个什么鬼?
前端 JavaScript 的 _ 语法是个什么鬼?
|
4月前
|
缓存 JavaScript 前端开发
前端框架与库 - Vue.js基础:模板语法、数据绑定
【7月更文挑战第14天】Vue.js 是渐进式框架,以简洁API和高效数据绑定知名。本文聚焦模板语法与数据绑定,解释常见问题和易错点,助力初学者避坑。模板语法中,{{ expression }} 用于渲染值,v-bind/: 用于动态绑定属性。数据绑定涉及文本、属性和事件,注意v-model适用于表单元素,计算属性有缓存。理解正确用法,借助文档和IDE,可提升开发质量和效率。善用Vue.js,打造响应式UI。
134 4
|
5月前
|
存储 JavaScript 前端开发
JavaScript 语法
JavaScript 语法
35 5
|
4月前
|
存储 JavaScript 前端开发
|
5月前
|
JavaScript 前端开发
JavaScript语法关键点:变量用`var`、`let`、`const`声明
【6月更文挑战第22天】JavaScript语法关键点:变量用`var`、`let`、`const`声明;七种数据类型包括`Number`、`String`、`Boolean`、`Null`、`Undefined`、`Symbol`和`Object`;运算符如算术、比较、逻辑和赋值;流程控制有`if...else`、`switch`和各种循环。了解这些是JS编程的基础。
59 3
|
5月前
|
JavaScript 前端开发 安全
【JavaScript 】DOM操作快速入门
【JavaScript 】DOM操作快速入门
70 2