JavaScript 是一个脚本语言,是一个轻量级,但功能强大的编程语言,JavaScript 是解释性语言,浏览器会按照代码编写的顺序执行 JavaScript 语句。
语法规则定义了语言结构,ECMAScript 的语法很容易掌握,因为它借鉴了其他高级语言的一些语法特性。

区分大小写

JavaScript 对大小写是敏感的。当编写 JavaScript 语句时,请留意是否关闭大小写切换键。
例如:函数 getElementById 与 getElementbyID 是不同的。同样,变量 myVariable 与 MyVariable 也是不同的。

空格

JavaScript 会忽略多余的空格。您可以向脚本添加空格,来提高其可读性。下面的两行代码是等效的:

  1. var name="Hello";
  2. var name = "Hello";

变量是弱类型的

ECMAScript 中的变量无特定的类型,定义变量时只用 var 运算符,可以将它初始化为任意值。因此,可以随时改变变量所存数据的类型(但尽量避免这样做)。

  1. var color = "red";
  2. var num = 25;
  3. var visible = true;

分号(;)可有可无

大部分高级语言(Java、C、C#……) 都要求每行代码以分号(;)结束才符合语法。
ECMAScript 则允许开发者自行决定是否以分号结束一行代码。如果没有分号,ECMAScript 就把折行代码的结尾看做该语句的结尾,前提是这样没有破坏代码的语义。
建议总加入分号,因为没有分号,有些浏览器就不能正确运行,不过根据 ECMAScript 标准,下面两行代码都是正确的:

  1. var color1 = "red"
  2. var color2 = "blue";
  3. var a = 5; var b = 6; var c = a + b;

注释

JavaScript 不会执行被注释的代码。我们可以添加注释来对 JavaScript 进行解释,提高代码的可读性。
有两种类型的注释:

  • 单行注释以双斜杠开头(//)
  1. // 输出标题:
  2. document.getElementById("myH1").innerHTML="欢迎来到我的主页";
  3. // 输出段落:
  4. //document.getElementById("myP").innerHTML="这是我的第一个段落。";
  • 多行注释以单斜杠和星号开头(/),以星号和单斜杠结尾(/)
  1. /*
  2. 下面的这些代码会输出
  3. 一个标题和一个段落
  4. 并将代表主页的开始
  5. */
  6. document.getElementById("myH1").innerHTML="欢迎来到我的主页";
  7. /*
  8. document.getElementById("myP").innerHTML="这是我的第一个段落。";
  9. */
  • 在行末使用注释
  1. var x=5; // 声明 x 并把 5 赋值给它
  2. var y=x+2; // 声明 y 并把 x+2 赋值给它

应用注释符号验证浏览器是否支持 JavaScript 脚本功能 如果用户不能确定浏览器是否支持 JavaScript 脚本,那么可以应用 HTML 提供的注释符号进行验证。HTML 注释符号是以 <— 开始,以 —> 结束的。如果在此注释符号内编写 JavaScript 脚本,对于不支持 JavaScript 的浏览器,将会把编写的 JavaScript 脚本作为注释处理。 使用 JavaScript 脚本在页面中输出一个字符串,将 JavaScript 脚本编写在 HTML 注释中,如果浏览器支持 JavaScript 将输出此字符串,如果不支持将不输出此字符串,代码如下:

  1. <script>
  2. <!--
  3. document.write("您的浏览器支持JavaScript脚本!");
  4. //-->
  5. </script>

注意:注释行结尾处的两条斜杠 // 是 JavaScript 注释符号。这可以避免 JavaScript 执行 —> 标签。

换行

您可以在文本字符串中使用反斜杠对代码行进行换行。下面的例子会正确地显示:

  1. <script>
  2. document.write("Hello
  3. \ World!");
  4. </script>

代码块

JavaScript 语句通过代码块的形式进行组合。块由左花括号开始,由右花括号结束。块的作用是使语句序列一起执行。
JavaScript 函数是将语句组合在块中的典型例子。下面的例子将运行可操作两个 HTML 元素的函数:

  1. function myFunction()
  2. {
  3. document.getElementById("demo").innerHTML="Hello World";
  4. document.getElementById("myDIV").innerHTML="How are you?";
  5. }