JavaScript 是一个脚本语言,是一个轻量级,但功能强大的编程语言,JavaScript 是解释性语言,浏览器会按照代码编写的顺序执行 JavaScript 语句。
语法规则定义了语言结构,ECMAScript 的语法很容易掌握,因为它借鉴了其他高级语言的一些语法特性。
区分大小写
JavaScript 对大小写是敏感的。当编写 JavaScript 语句时,请留意是否关闭大小写切换键。
例如:函数 getElementById 与 getElementbyID 是不同的。同样,变量 myVariable 与 MyVariable 也是不同的。
空格
JavaScript 会忽略多余的空格。您可以向脚本添加空格,来提高其可读性。下面的两行代码是等效的:
var name="Hello";var name = "Hello";
变量是弱类型的
ECMAScript 中的变量无特定的类型,定义变量时只用 var 运算符,可以将它初始化为任意值。因此,可以随时改变变量所存数据的类型(但尽量避免这样做)。
var color = "red";var num = 25;var visible = true;
分号(;)可有可无
大部分高级语言(Java、C、C#……) 都要求每行代码以分号(;)结束才符合语法。
ECMAScript 则允许开发者自行决定是否以分号结束一行代码。如果没有分号,ECMAScript 就把折行代码的结尾看做该语句的结尾,前提是这样没有破坏代码的语义。
建议总加入分号,因为没有分号,有些浏览器就不能正确运行,不过根据 ECMAScript 标准,下面两行代码都是正确的:
var color1 = "red"var color2 = "blue";var a = 5; var b = 6; var c = a + b;
注释
JavaScript 不会执行被注释的代码。我们可以添加注释来对 JavaScript 进行解释,提高代码的可读性。
有两种类型的注释:
- 单行注释以双斜杠开头(//)
// 输出标题:document.getElementById("myH1").innerHTML="欢迎来到我的主页";// 输出段落://document.getElementById("myP").innerHTML="这是我的第一个段落。";
- 多行注释以单斜杠和星号开头(/),以星号和单斜杠结尾(/)
/*下面的这些代码会输出一个标题和一个段落并将代表主页的开始*/document.getElementById("myH1").innerHTML="欢迎来到我的主页";/*document.getElementById("myP").innerHTML="这是我的第一个段落。";*/
- 在行末使用注释
var x=5; // 声明 x 并把 5 赋值给它var y=x+2; // 声明 y 并把 x+2 赋值给它
应用注释符号验证浏览器是否支持 JavaScript 脚本功能 如果用户不能确定浏览器是否支持 JavaScript 脚本,那么可以应用 HTML 提供的注释符号进行验证。HTML 注释符号是以 <— 开始,以 —> 结束的。如果在此注释符号内编写 JavaScript 脚本,对于不支持 JavaScript 的浏览器,将会把编写的 JavaScript 脚本作为注释处理。 使用 JavaScript 脚本在页面中输出一个字符串,将 JavaScript 脚本编写在 HTML 注释中,如果浏览器支持 JavaScript 将输出此字符串,如果不支持将不输出此字符串,代码如下:
<script><!--document.write("您的浏览器支持JavaScript脚本!");//--></script>注意:注释行结尾处的两条斜杠 // 是 JavaScript 注释符号。这可以避免 JavaScript 执行 —> 标签。
换行
您可以在文本字符串中使用反斜杠对代码行进行换行。下面的例子会正确地显示:
<script>document.write("Hello\ World!");</script>
代码块
JavaScript 语句通过代码块的形式进行组合。块由左花括号开始,由右花括号结束。块的作用是使语句序列一起执行。
JavaScript 函数是将语句组合在块中的典型例子。下面的例子将运行可操作两个 HTML 元素的函数:
function myFunction(){document.getElementById("demo").innerHTML="Hello World";document.getElementById("myDIV").innerHTML="How are you?";}
