JavaScript - 语法

JavaScript 语法

JavaScript 语法包含一组定义如何构建 JavaScript 代码的规则。JavaScript 可以通过放置在网页中 <script>... </script> HTML 标签内的 JavaScript 语句来实现。

您可以将包含 JavaScript 代码的 <script> 标签放置在网页中的任何位置，但通常建议将其放置在 <head> 标签内。

<script ...>
    JavaScript 代码
</script>

script 标签包含两个重要属性

Language −此属性指定您正在使用的脚本语言。通常，其值为 javascript。尽管最新版本的 HTML(以及其后继版本 XHTML)已逐步淘汰此属性。
Type −现在建议使用此属性来指示正在使用的脚本语言，其值应设置为"text/javascript"。JavaScript 已成为 HTML5 和现代浏览器的默认语言，因此现在无需添加 type。

因此，您的 JavaScript 代码段将如下所示 −

<script language = "javascript" type = "text/javascript">
    JavaScript 代码
</script>

您的第一段 JavaScript 代码

我们来举个例子，打印出"Hello World"。我们调用 document.write 方法，将一个字符串写入 HTML 文档。此方法可用于写入文本、HTML 或两者。请看以下代码 -

<html>
<head>
   <title> Your first JavaScript program </title>
<head>
<body> 
   <script language = "javascript" type = "text/javascript">
      document.write("Hello World!")
   </script>     
</body>
</html>

此代码将产生以下结果 -

Hello World!

JavaScript 值

在 JavaScript 中，您可以拥有两种类型的值。

固定值(字面量)
变量(动态值)

JavaScript 字面量

在下面的代码中，10 是数字字面量，而 Hello 是字符串字面量。

<html>
<body>
   <script>
    document.write(10); // 数字字面量
    document.write("<br />"); // 添加换行符
    document.write("Hello"); // 字符串字面量
   </script> 
</body>
</html>

此代码将产生以下结果 -

10
Hello

JavaScript 变量

在 JavaScript 中，变量用于存储动态数据。

您可以使用以下关键字在 JavaScript 中定义变量。

var
let
const

您可以使用赋值运算符(等号)为变量赋值。

在下面的代码中，变量 a 包含数值，变量 b 包含文本(字符串)。

<html>
<body>
   <script>
    let a = 5; // 变量声明
    document.write(a); // 使用变量
    document.write("<br>");
    let b = "One";
    document.write(b);
   </script>
</body>
</html>

此代码将产生以下结果 -

5
1

空格和换行符

JavaScript 会忽略 JavaScript 程序中出现的空格、制表符和换行符。您可以在程序中自由使用空格、制表符和换行符，并且可以自由地以整洁一致的方式格式化和缩进程序，从而使代码易于阅读和理解。

分号是可选的

JavaScript 中的简单语句通常后面跟着一个分号，就像在 C、C++ 和 Java 中一样。但是，如果每个语句都放在单独的一行，JavaScript 允许您省略这个分号。例如，以下代码可以不带分号。

<script>
    var1 = 10
    var2 = 20
</script>

但当格式如下，在一行中时，必须使用分号 -

<script>
   var1 = 10; var2 = 20;
</script>

使用分号是一种良好的编程习惯。

区分大小写

JavaScript 是一种区分大小写的语言。这意味着语言关键字、变量、函数名称以及任何其他标识符必须始终使用一致的大写字母。

因此，标识符 Time 和 TIME 在 JavaScript 中将传达不同的含义。

在下面的代码中，我们比较了 time 和 Time 字符串，结果返回 false。

<html>
<body>
   <script>
      let a = "time";
	  let b = "Time";
	  document.write("a == b? " + (a == b));
   </script>
</body>
</html>

此代码将产生以下结果 -

a == b? false

在 JavaScript 中编写变量和函数名称时应格外小心。

JavaScript 与驼峰命名法

帕斯卡命名法− 我们可以创建像 SmartWatch、MobileDevice、WebDrive 等变量。它代表大写的驼峰命名字符串。
小写的驼峰命名法− JavaScript 允许开发者使用像 smartwatch、mobileDevice、webDriver 等变量名称和表达式名称。这里的第一个字符是小写的。
下划线− 我们可以在声明像 smart_watch、mobile_device、web_driver 等变量时使用下划线。

JavaScript 不允许在变量名称或表达式名称中添加连字符。

JavaScript 关键字

JavaScript 包含多个可用于特定任务的关键字。例如，function 关键字可用于定义函数。let、var 和 const 关键字可用于定义变量。

让我们通过以下示例了解关键字的用法。

示例

在此示例中，我们使用 function 关键字定义函数。我们在函数内部使用 var 关键字定义 sum 变量。

此外，我们在函数外部使用 let 和 const 关键字定义两个变量并初始化它们。之后，我们使用函数名调用该函数，并将变量作为参数传递。

<html>
<body>
   <script>
      function getSum(first, second) {
         var sum = first * second;
         document.write("The product of " + first + " and " + second + " is " + sum);
      }
	  let first = 3;
	  const second = 4;
      getSum(first, second);
   </script>
</body>
</html>

此代码将产生以下结果 -

The product of 3 and 4 is 12

JavaScript 不允许使用 of 关键字作为变量或表达式名称。

JavaScript 标识符

在 JavaScript 中，标识符是变量、函数、对象等的名称。

例如，p 在下面的代码中是一个标识符。

<script>
    pet p = 90;
</script>

'test' 在下面的代码中是一个标识符。

<script>
   function test() {
   }
</script>

以下是定义有效标识符时应遵循的规则。

标识符应始终以字母(A-Z、a-z)、$(美元符号)或 _(下划线)开头。
它不应以数字或连字符开头。
标识符除了开头之外，还可以包含数字。

JavaScript 中的注释

JavaScript 同时支持 C 风格和 C++ 风格的注释，因此 -

// 和行尾之间的任何文本都被视为注释，JavaScript 会忽略这些文本。
字符 /* 和 */ 之间的任何文本都被视为注释。这可能跨越多行。
JavaScript 也能识别 HTML 注释的开始序列 <!--。JavaScript 会将其视为单行注释，就像 // 注释一样。
JavaScript 无法识别 HTML 注释的结束序列 -->，因此应将其写为 //-->。

示例

以下示例展示了如何在 JavaScript 中使用注释。

<script>
    // 这是一个注释。它类似于 C++ 中的注释。
    /*
    * 这是一个 JavaScript 中的多行注释。
    * 它与 C 语言中的注释非常相似。
    */
</script>

JavaScript 中的运算符

JavaScript 包含各种算术、逻辑、位等运算符。我们可以在 JavaScript 中使用任何运算符，如下例所示。

示例

在此示例中，我们定义了 var1 和 va2，并用数字初始化它们。之后，我们使用 * 运算符获取 var1 和 var2 的乘法结果。

<html>
<body>
   <script>
      var1 = 10
      var2 = 20
      var3 = var1 * var2;
      var4 = 10 + 20;
      document.write(var3, " " ,var4);
   </script>
</body>
</html>

此代码将产生以下结果 -

200 30

这样，程序员可以将其他运算符与操作数一起使用。

当 + 运算符的两个操作数中的任何一个是字符串时，它会将另一个操作数转换为字符串并合并两个字符串。

JavaScript 中的表达式

您可以通过组合变量、值和运算符来在 JavaScript 中创建表达式。

例如，以下表达式将两个数字相加。

10 + 20;

以下表达式将两个变量的值相乘。

a * b;

以下表达式将变量 c 的值除以 2。

c / 2;

示例

在下面的代码中，我们使用了赋值表达式和算术表达式。

<html>
<body>
   <script>
    let a = 10;
    let b = 2;
    
    let c = a; // 将 a 的值赋给 c。赋值表达式。
    let d = a + b; // 将 a 和 b 相加。算术表达式。
    let e = a - b; // 从 a 中减去 b。
    
    document.write("c = " + c + "<br>");
    document.write("d = " + d + "<br>");
    document.write("e = " + e + "<br>");
   </script>
</body>
</html>

此代码将产生以下结果 -

c = 10
d = 12
e = 8

我们将在接下来的章节中探索更多表达式。

JavaScript 字符集

JavaScript 包含一组 Unicode 字符。

Unicode 字符在文本中添加了表情符号、符号等特殊字符。

例如，下面的 Unicode 字符将显示向左箭头。

&larr

下面的 Unicode 字符将显示 RS(卢比符号)。

然而，JavaScript 的语法有很多我们需要涵盖这些内容，但不可能在一个章节内全部涵盖。因此，本章仅涵盖了 JavaScript 入门所需的基本语法，其他语法将在接下来的章节中介绍。

❮ ❯

JavaScript 基础教程

JavaScript 运算符

JavaScript 控制流

JavaScript 函数

JavaScript 对象

面向对象的 JavaScript

JavaScript 版本

JavaScript 异步

JavaScript Cookies

JavaScript 浏览器 BOM

JavaScript Web APIs

JavaScript 事件

JavaScript 错误处理

JavaScript 重要关键字

JavaScript HTML DOM

JavaScript 高级章节

JavaScript 杂项

JavaScript 实用资源

JavaScript - 语法