# javascript快速入门7--ECMAScript语法基础
## ECMAScript的基础概念
熟悉Java、C和Perl这些语言的开发者会发现ECMAScript的语法很容易掌握,因为它借用了这些语言的语法。Java和ECMAScript有一些关键语法特性相同,也有一些完全不同。ECMAScript的基础概念如下:
* 区分大小写。与Java一样,变量、函数名、运算符以及其他一切东西都是区分大小写的,也就是说,变量test不同于变量Test。
* 变量是弱类型的。与Java和C不同,ECMAScript中的变量无特定的类型,定义变量时只用var运算符,可以将它初始化为任意的值。这样可以随时改变变量所存数据的类型(尽管应该避免这样做,但作为Web开发,这确实可以提高效率)。
* 每行结尾的分号可有可无。Java、C和Perl都要求每行代码以分号(;)结束才符合语法。ECMAScript则允许开发者自行决定是否以分号结束一行代码。如果没有分号,ECMAScript就把这行代码的结尾看作该语句的结尾(与Visual Basic和VBScript相似),前提是这样没有破坏代码的语义。最好的代码编写习惯是总加入分号,因为没有分号,有些浏览器就不能正确运行!
* 注释与Java、C和PHP语言的注释相同。ECMAScript借用了这些语言的注释语法。有两种类型的注释——单行注释和多行注释。单行注释以双斜线(//)开头。多行注释以单斜线和星号(/*)开头,以星号加单斜线结尾(*/)。
* 括号表明代码块。从Java中借鉴的另一个概念是代码块。代码块表示一系列应该按顺序执行的语句,这些语句被封装在左括号({)和右括号(})之间。
一些示例如下:
```
var txt = "some string";
TXT = "other string";//TXT无须声明,可以直接赋值
alert(txt==TXT);//false
var str = "string" //分号可有可无
var hob = "No";var bob = "Yes";//使用分号,可以在一行上写多行语句
/* 多行注释
alert("注释中的代码不会被执行") */
if (txt=="some string") {//代码块
alert(true);
}
```
## 变量
如前所述,ECMAScript中的变量是用var运算符(variable的缩写)加变量名定义的,例如:
```
var test = "Hello!World!";
```
在这个例子中,声明了变量test,并把它的值初始化为"Hello!World!"(字符串)。由于ECMAScript是弱类型的,所以解释程序会为test自动创建一个字符串值,无需明确的类型声明。还可以用一个var语句定义两个或多个变量:
```
var a = "some",b="string"
```
前面的代码定义了变量test,初始值为"some",还定义了变量test2,初始值为"string"。不过用同一个var语句定义的变量不必具有相同的类型,如下所示:
```
var a=12,b="string";
```
即使a和b属于两种不同的数据类型,在ECMAScript中这样定义也是完全合法的。与Java不同,ECMAScript中的变量并不一定要初始化(它们是在幕后初始化的,将在后面讨论这一点)。因此,下面一行代码也是有效的:
```
var a; //只声明
```
此外,与Java不同的还有变量可以存放不同类型的值。这是弱类型变量的优势。例如,可以把变量初始化为字符串类型的值,之后把它设置为数字值,如下所示:
```
var test = "string";
alert(test); //.....若干代码后
test=123;//更改了类型
alert(test);
```
这段代码将毫无问题地输出字符串值和数字值。但是,如前所述,使用变量时,好的编码习惯是始终存放相同类型的值。变量名需要遵守两条简单的规则:
* 第一个字符必须是字母、下划线(_)或美圆符号($)
* 余下的字符可以是下划线、美圆符号或任何字母或数字字符。
下面的变量名都是合法的:
```
var a; var $a; var $; var _a; var _; var a23;
```
当然,只是因为变量名的语法正确并不意味着就该使用它们。变量还应遵守一条著名的命名规则:
* Camel标记法——首字母是小写的,接下来的单词都以大写字母开头
* Pascal标记法——首字母是大写的,接下来的单词都以大写字母开头
* 匈牙利类型标记法——在以Pascal标记法命名的变量前附加一个小写字母(或小写字母序列),说明该变量的类型。例如,i表示整数,s表示字符串
下面的表列出了用匈牙利类型标记法定义ECMAScript变量使用的前缀:
| 类型 | 前缀 | 示例 |
| --- | --- | --- |
| 数组 | a | aValues |
| 布尔型 | b | bFound |
| 浮点型(数字) | f | fValue |
| 函数 | fn | fnMethod |
| 整型(数字) | i | iValue |
| 对象 | o | oType |
| 正则表达式 | re | rePattern |
| 字符串 | s | sValue |
| 变型(可以是任何类型) | v | vValue |
下面是一些命名示例
```
var userName="CJ";//驼峰命名方式
var UserName="CJ";//Pascal命名方式
var sUserName="CJ";//匈牙利命名方式
```
ECMAScript另一个有趣的方面(也是与大多数程序设计语言的主要区别)是在使用变量之前不必声明。例如:
```
var str ="some";
otherStr += str+" "+"string";
alert(otherStr);
```
在上面的代码中,变量otherStr并没有用var运算符定义,这里只是插入了它,就像已经声明过它。ECMAScript的解释程序遇到未声明过的标识符时,用该变量名创建一个**全局变量**,并将其初始化为指定的值。这是该语言的便利之处,不过如果不能紧密跟踪变量,这样做也很危险。最好的习惯是像使用其他程序设计语言一样,总是声明所有变量。
## 关键字
ECMA-262定义了ECMAScript支持的一套关键字(keyword)。这些关键字标识了ECMAScript语句的开头和/或结尾。根据规定,关键字是保留的,不能用作变量名或函数名。下面是ECMAScript关键字的完整列表:
| | | |
| --- | --- |
| break | else | new | var |
| case | finally | return | void |
| catch | for | switch | while |
| continue | function | this | with |
| default | if | throw |
| delete | in | try |
| do | instanceof | typeof |
如果把关键字用作变量名或函数名,可能得到诸如“Identifier expected”(应该有标识符,缺少标识符)这样的错误消息。
## 保留字
保留字是对于JavaScript有特殊含义的单词。因此,不能将它们用作变量名或函数名。也就是说,它们可能是JavaScript未来版本中的命令。现在就应该避免使用它们,以免在新版本发布时不得不修改代码。如果将保留字用作变量名或函数名,那么除非将来的浏览器实现了该保留字,否则很可能收不到任何错误消息。当浏览器将其实现后,该单词将被看作关键字,如此将出现关键字错误。
ECMAScript 3为以后保留的单词:
| | |
| --- | --- |
| abstract | final | protected |
| boolean | float | public |
| byte | goto | short |
| char | implements | static |
| class | import | super |
| const | int | synchronized |
| debugger | interface | throws |
| double | long | transient |
| enum | native | volatile |
| export | package | extends |
| private |
ECMAScript 4:ECMAScript4现在还没有什么实现.ECMAScript4中,下面的不再是保留字了,但也应该尽量不要使用它们
```
boolean final short byte float static char int double long
```
下面的被加入了保留字
```
as namespace use false true null is
```
- 介绍
- HTML/CSS 教程
- 第 1 章 HTML5 概述
- 第 2 章 基本格式
- 第 3 章 文本元素
- 第 4 章 超链接和路径
- 第 5 章 分组元素
- 第 6 章 表格元素
- 第 7 章 文档元素
- 第 8 章 嵌入元素
- 第 9 章 音频和视频
- 第 10 章 表单元素[上]
- 第 10 章 表单元素[中]
- 第 10 章 表单元素[下]
- 第 11 章 全局属性和其他
- 第 12 章 CSS 入门
- 第 13 章 CSS 选择器[上]
- 第 14 章 CSS 颜色与度量单位
- 第 15 章 CSS 文本样式[上]
- 第 15 章 CSS 文本样式[下]
- 第 16 章 CSS 盒模型[上]
- 第 16 章 CSS 盒模型[下]
- 第 17 章 CSS 边框与背景[上]
- 第 17 章 CSS 边框与背景[下]
- 第 18 章 CSS 表格与列表
- 第 19 章 CSS 其他样式
- 第 20 章 CSS3 前缀和 rem
- 第 21 章 CSS3 文本效果
- 第 21 章 CSS3 文本效果
- 第 23 章 CSS3 边框图片效果
- 第 24 章 CSS3 变形效果[下]
- 第 25 章 CSS3 过渡效果
- 第 26 章 CSS3 动画效果
- 第 27 章 CSS 传统布局[上]
- 第 27 章 CSS 传统布局[下]
- 第 28 章 CSS3 多列布局
- 第 29 章 CSS3 弹性伸缩布局[上]
- 第 29 章 CSS3 弹性伸缩布局[中]
- 第 29 章 CSS3 弹性伸缩布局[下]
- 第 30 章 使用 Emmet 插件
- Bootstrap 教程
- 第 1 章 Bootstrap 介绍
- 第 2 章 排版样式
- 第 3 章 表格和按钮
- 第 4 章 表单和图片
- 第 5 章 栅格系统
- 第 6 章 辅组类和响应式工具
- 第 7 章 图标菜单按钮组件
- 第 8 章 输入框和导航组件
- 第 9 章 路径分页标签和徽章组件
- 第 10 章 巨幕页头缩略图和警告框组件
- 第 11 章 进度条媒体对象和 Well 组件
- 第 12 章 列表组面板和嵌入组件
- 第 13 章 模态框插件
- 第 14 章 下拉菜单和滚动监听插件
- 第 15 章 标签页和工具提示插件
- 第 16 章 弹出框和警告框插件
- 第 17 章 按钮和折叠插件
- 第 18 章 轮播插件
- 第 19 章 附加导航插件
- 第 20 章 项目实战--响应式导航[1]
- 第 20 章 项目实战--响应式轮播图[2]
- 第 20 章 项目实战--首页内容介绍[上][3]
- 第 20 章 项目实战--首页内容介绍[下][4]
- 第 20 章 项目实战--资讯内容[5,6]
- 第 20 章 项目实战--案例和关于[7]
- javaScript 教程
- javascript快速入门1--JavaScript前世今生,HelloWorld与开发环境
- javascript快速入门2--变量,小学生数学与简单的交互
- javascript快速入门3--分支判断与循环
- javascript快速入门4--函数与内置对象
- javascript快速入门5--数组与对象
- javascript快速入门6--Script标签与访问HTML页面
- javascript快速入门7--ECMAScript语法基础
- javascript快速入门8--值,类型与类型转换
- javascript快速入门9--引用类型
- javascript快速入门10--运算符,语句
- javascript快速入门11--正则表达式
- javascript快速入门12--函数式与面向对象
- javascript快速入门13--BOM——浏览器对象模型(Browser Object Model)
- javascript快速入门14--DOM基础
- javascript快速入门15--节点
- javascript快速入门15--表单
- javascript快速入门16--表格
- javascript快速入门17--事件
- javascript快速入门18--样式
- javascript快速入门19--定位
- javascript快速入门20--Cookie
- javascript快速入门21--DOM总结
- javascript快速入门22--Ajax简介
- javascript快速入门23--XHR—XMLHttpRequest对象
- javascript快速入门24--XML基础
- javascript快速入门25--浏览器中的XML
- javascript快速入门26--XPath
- javascript快速入门27--XSLT基础
- PHP 教程
- 第一章 如何加载运行已发布的PHP项目
- 第二章 PHP基础
- 第三章 操作符与控制结构
- 第四章 数学运算
- 第五章 数组
- 第六章 目录与文件
- 第七章 自定义函数
- 第八章 字符串处理
- 第九章 正则表达式
- 第十章 日期与时间
- 第十一章 表单与验证
- 第十二章 会话控制
- 第十三章 上传文件
- 第十四章 处理图像
- 第十五章 MySQL 数据库
- 第十六章 PHP 操作MySQL
- 第十七章 面向对象基础
- 第十八章 面向对象的特性
- 第十九章 面向对象的工具