JavaScript+jQuery前端开发基础教程(微课版)
上QQ阅读APP看书,第一时间看更新

1.4 JavaScript基本语法

本节介绍JavaScript语言最基本的语法规则。

JavaScript基本语法

1.4.1 大小写敏感

JavaScript对大小写敏感,即严格区别关键字、变量、函数以及其他标识符的大小写。

【例1-6】 测试JavaScript是否区分变量大小写。源文件:01\test1-6.html。

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <script>
        a = 100
        A = 200
        document.write(a)
        document.write("<br>")
        document.write(A )
    </script>
</head>
<body>
</body>
</html>

浏览器的输出结果如图1-26所示。从输出结果可以看到,脚本中的变量a和A是两个不同的变量。

图1-26 JavaScript区别变量大小写

1.4.2 空格、换行符和制表符

JavaScript会忽略代码中不属于字符串的空格、换行符和制表符。通常,空格、换行符和制表符用于帮助代码排版,方便阅读程序。

【例1-7】 将JavaScript语句分行书写。源文件:01\test1-7.html。

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <script>
        a =
            100
        document.
            write(a)
    </script>
</head>
<body>
</body>
</html>

浏览器的输出结果如图1-27所示,可以看到JavaScript允许将语句分行书写。

图1-27 分行书写的JavaScript脚本被正确执行

1.4.3 语句结束符号

JavaScript并不强制要求语句末尾必须使用分号(;)来作为语句结束符号。JavaScript解释器可自动识别语句结束。

在某些时候,可使用分号将多条语句写在一行。例如:

<script>
    a =100; document.write(a)
</script>

1.4.4 注释

注释是程序中的说明信息,帮助理解代码。脚本执行时,注释内容被忽略。JavaScript提供两种注释。

• //:单行注释。//之后的内容为注释。

• / *……* /:多行注释。在“/ *”和“* /”之间的内容为注释,可以占据多个语句行。

【例1-8】 在JavaScript脚本中使用注释。源文件:01\test1-8.html。

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <script>
        / *
         【例1-8】 在JavaScript脚本中使用注释
         下面的代码用于说明JavaScript对大小写敏感
        * /
        a = 10                  //变量赋值
        A = 20                  //变量赋值
        document.write(a)       //将变量值输出到页面
        document.write("<br>")  //在页面中输出一个换行标记,将两个变量值分开
        document.write(A)       //将变量值输出到页面
    </script>
</head>
<body>
</body>
</html>

这里在例1-6的基础上添加了多个注释,这些注释不会影响脚本的输出结果。

1.4.5 标识符命名规则

标识符用于命名JavaScript中的变量、函数或其他的对象。JavaScript标识符命名规则与Java相同,第1个字符必须是字母、下划线、美元符号或者汉字,之后可以是字母、数字、下划线或者汉字。JavaScript使用Unicode字符串,所以允许使用包含中文在内的各国语言字符。

例如,下面都是合法的标识符。

A
_data
$price
var1
价格