轻松学习JavaScript二:JavaScript语言的基本语法要求

最后更新于:2022-04-01 11:28:28

要学习好JavaScript,首先我们要懂JavaScript语言的一些基本语法要求: ### 一,区分大小写 JavaScript语言区分字符大小写,两个字符串相同大小写不同,被认为是不同的字符串。JavaScript语言的关键字也区分大小写,按语法要求应小写。 ### 二,书写格式 JavaScript语言忽略语句间空白,即语句间的空格,空行,缩进等。为了提高程序的可读性,应当使用这些格式,使程序更加清晰,可读性更高。 ### 三,注释语句 为了提高程序的可维护性和可读性,应当有一定的注释语句,它是给读程序的人员看的,有单行注释和多行注释,单行注释以双斜线开始,多行以/* , */为开始和结束的标识。 ~~~ <script type="text/javascript">//JavaScript代码放置的位置(单行注释) function theAlert(textToAlert) { alert(textToAlert); } /* 定义一个名字叫theAlert的函数,此函数带一个参数textToAlert。 函数体内调用JavaScript语言的内部函数alert()输出参数。(多行注释或块注释) */ theAlert("Hello World");//调用定义的函数输出参数 </script> ~~~ ### 四,分号的使用 JavaScript语言中语句以分号结束。有些代码,比如循环结构或者选择结构的条件语句后面不需要用分号,否则 会改变原结构的执行路径。 例如:if(a==1):加上分号后,不论a的值是否为1都将执行条件语句后面的内容,条件测试失败。 ### 五,JavaScript放置的位置 JavaScript代码可以放在HTML页面中的< head>< /head>标签内,也可以放在< body>< /body>标签内,在< script> 标签开始部分,需要用户声明是JavaScript脚本类型。如果JavaScript代码没有直接放在HTML页面,而在另一个文件 中,比如MyPage.js,可以使用<script>的src属性链接它: <script type=”text/Javascript”src=” MyPage.js”> ### 六,JavaScript中的保留字 JavaScript保留了一部分单词用于专门用途,称为保留字,不能用于常量,变量,标识符等的命名。还有一些特 殊的单词,为避免歧义也不能用于命名。 那么现在就来写一个简单的JavaScript开发的例子:通过运行程序,输出一条“Hello World”语句。具体的操作步 骤: (1)启动VS 2010,建立一个网站,命名为Ch-2.aspx,默认主页为Default.aspx。在右侧“解决方案资源管理器”的 窗口中找到网站名称,用鼠标右键单击,在弹出的快捷菜单中选择“添加新项”。 ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-04-28_5721558c360f9.jpg) ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-04-28_5721558c360f9.jpg) ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-04-28_5721558c59cc3.jpg) (2)在打开的“添加新项”对话框中列出了已安装的模板选项,选择“HTML页”选项,在下面的名称对话框中命名 为“MyPage.htm”,然后单击“添加”按钮。 ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-04-28_5721558c6f7bd.jpg) (3)在MyPage.htm页面,把光标定位在<title>和</title>之间,把标题改为My First Page。然后在标签<title></title>后面添加要执行的代码。 ~~~ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>My First Page</title> <script type="text/javascript">//JavaScript代码放置的位置(单行注释) function theAlert(textToAlert) { alert(textToAlert); } /* 定义一个名字叫theAlert的函数,此函数带一个参数textToAlert。 函数体内调用JavaScript语言的内部函数alert()输出参数。(多行注释或块注释) */ theAlert("Hello World"); //调用定义的函数输出参数 </script> </head> <body> </body> </html> ~~~ ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-04-28_5721558c8a8be.jpg) (4)然后选择“文件”菜单中的“全部保存”,保存编写的代码。 ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-04-28_5721558c9ca0f.jpg) (5)要运行程序,选择“调试”菜单中的“启动调试”,或者按键盘上的功能键F5,或者单击工具栏中的“启动调试”按 钮。运行结果显示一个提示框。 ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-04-28_5721558cb370d.jpg) 上述代码在浏览器HTML解析的工作过程: 首先,打开script标签,声明是JavaScript,即下面的一行代码: <scripttype=”text/Javascript” > 然后,声明一个函数theAlter(),使用参数textToAlter,它调用内部函数alter()完成显示功能。即下面一段代码: ~~~      functiontheAlter(textToAlter) {                     alert(textToAlter);        } ~~~ 最后,通过给参数赋值调用这个函数,参数用引号括起来:“Hello World!”。即下面一行代码: ~~~      theAlter("HelloWorld"); ~~~
';