Menu Close

Javascript 代码结构

首先,我们来学习代码的基本组成部分。

语句(Statements)

语句是执行操作的语法结构指令

我们之前已经见过一个语句:alert('Hello, world!'),它会显示“Hello, world!”的消息。

在代码中,我们可以使用多个语句,并用**分号(;)**分隔它们。

例如,下面的代码将“Hello World”拆分成两个 alert 语句:

alert('Hello'); alert('World');

通常,语句会写在单独的行上,以提高代码的可读性:

alert('Hello');
alert('World');

分号(Semicolons)

在大多数情况下,如果语句之间有换行,分号可以省略。

例如,下面的代码也是可以正常运行的:

alert('Hello')
alert('World')

在这里,JavaScript将换行解释为“隐式”分号,这被称为自动分号插入(Automatic Semicolon Insertion,ASI)

在大多数情况下,换行等同于分号。但“大多数情况下”并不意味着“总是如此”!

有些情况下,换行不会被当作分号。例如:

alert(3 +
1
+ 2);

这段代码输出 6,因为 JavaScript 在这里并没有插入分号。直观上,如果行以加号(”+”)结尾,那么它就是一个“未完成的表达式”,因此在此处插入分号是错误的。在这种情况下,代码按预期工作。

但是,有些情况下,JavaScript 在需要分号的地方无法正确地插入分号

在这种情况下发生的错误通常很难发现和修复。

我们建议在语句之间加上分号,即使它们通过换行符分隔。这个规则已经被社区广泛接受。再强调一次——大多数情况下可以省略分号。但为了安全起见,尤其是对于初学者来说,最好还是使用分号。

注释(Comments)

随着时间的推移,程序变得越来越复杂。为了帮助理解代码的功能和原因,添加注释变得非常必要。

注释可以放置在脚本的任何位置,它们不会影响代码的执行,因为引擎会简单地忽略它们。

单行注释以两个斜杠 // 开始。

// 开始到行末的部分都是注释。它可以占据整行,也可以跟在语句后面。

例如:

// This comment occupies a line of its own
alert('Hello');

alert('World'); // This comment follows the statement

多行注释以一个斜杠和一个星号 /* 开始,以一个星号和一个斜杠 */ 结束。

例如:

/* An example with two messages.
This is a multiline comment.
*/
alert('Hello');
alert('World');

注释中的内容会被忽略,所以如果我们将代码放在 /* … */ 之间,它是不会执行的。

有时,临时禁用一部分代码是非常方便的:

/* Commenting out the code
alert('Hello');
*/
alert('World');

嵌套注释是不支持的

也就是说,不能在一个注释块内部再放一个注释块,例如:

/*
  /* nested comment ?!? */
*/
alert( 'World' );

请不要犹豫,在代码中添加注释。

注释会增加代码的整体体积,但这根本不是问题。在发布到生产服务器之前,有许多工具会对代码进行压缩(minify)。它们会移除注释,因此注释不会出现在最终的工作脚本中。因此,注释对生产环境没有任何负面影响。

READ  JavaScript 作为计算机语言的特点
除教程外,本网站大部分文章来自互联网,如果有内容冒犯到你,请联系我们删除!

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

Leave the field below empty!

Posted in JavaScript 基础

Related Posts