JavaScript 语法

JavaScript语法包含一组定义如何构建JavaScript代码的规则。JavaScript可以使用放置于<script>... </script> HTML标签内的JavaScript语句实现。

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

<script>标签提醒浏览器程序开始将这些标签之间的所有文本解释为脚本。一个简单的JavaScript语法如下所示：

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

script标签有两个重要的属性：

Language - 此属性指定了您正在使用的脚本语言。通常其值为javascript。尽管HTML（及其继承者XHTML）的最近版本已经逐步淘汰了此属性的使用。
Type - 此属性是用来指示所使用的脚本语言，并且其值应该设置为"text/javascript"。JavaScript已经成为HTML5和现代浏览器中的默认语言，所以现在添加类型不是必需的。

因此，您的JavaScript段落看起来像这样：

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

您的第一个JavaScript代码

让我们举一个打印出“Hello World”的示例。我们调用document.write方法，该方法可以将字符串写入我们的HTML文档。这个方法可以用来写入文本、HTML或两者都有。请看下面的代码：

<html>
<head>
   <title> 您的第一个JavaScript程序 </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
One

空格与换行

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与驼峰命名法

Pascal Case - 我们可以创建如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不允许使用关键字作为变量或表达式名。

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将其视为单行注释，就像它处理//注释一样。
HTML注释的结束序列-->不被JavaScript识别，因此它应该写成//-->。

示例下面的例子展示了如何在JavaScript中使用注释。

<script>
   // 这是一条注释。它类似于C++中的注释
   /*
   * 这是JavaScript中的多行注释
   * 它非常类似于C编程中的注释
   */
</script>

JavaScript运算符

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

示例在这个例子中，我们定义了var1和var2，并用数值初始化它们。之后，我们使用‘*’运算符获取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，我们将在后续章节中介绍其他语法。