第二章JavaScript语言基础（课件PPT）.ppt

1、第2章JavaScript语言基础,JavaScript脚本语言同其他程序设计语言一样，有其自身的基本数据类型、表达式和算术运算符,以及程序的基本框架结构。JavaScript提供了用来处理数字和文本的5种基本数据类型，其变量提供存放信息的地方，表达式可以完成较复杂的信息处理。,第2章JavaScript语言基础,2.1.1JavaScript语法特点 JavaScript具有以下基本语法特点： 1.顺序逐行解释执行 2.严格区分字母大小写 3.忽略空格与换行符,2.1JavaScript基本语法,第2章JavaScript语言基础,2.1.2语句与分隔符 1.语句 在所有的编程语言中，语句均

2、是指程序的指令。 教材中表2-1列出了JavaScript提供的一些常用语句。 2.分隔符 分隔符“;”标志着一个语句的结束。,2.1JavaScript基本语法,第2章JavaScript语言基础,2.1.3块 大括号“”通常用来括起一行或多行语句，括在其中的各语句间通常有较紧密的联系。这种用“”括起来的多条语句称为块。,2.1JavaScript基本语法,第2章JavaScript语言基础,2.1.4注释 在程序中加注释可以起到以下作用： （1）可以解释程序中某些语句的作用和功能，使程序更易于理解。 （2）可以用注释来屏蔽某些语句，使浏览器将其忽略。 JavaScript提供了两种注释符：

3、 “”和“/*/”。其中，“ ”只能用于注释单行，“/*/”既可以注释单行，又可以注释多行。在“/*/”中可以嵌套单行注释“ ”，但不可以嵌套“/*/”，因为第一个“/*”会与其后第一个“*/”匹配，从而使后面的注释不再起作用，甚至引起程序出错。 除上述两种注释符外，JavaScript还能识别HTML注释的开始部分“”。,2.1JavaScript基本语法,第2章JavaScript语言基础,JavaScript中的基本数据类型有5种： 数值型 字符串型 布尔型 空值型 未定义值型,2.2数 据 类 型,第2章JavaScript语言基础,2.2数 据 类 型,2.2.1数值型 JavaSc

4、ript中的数值类型主要有整数和浮点数，在程序中这两种数 据类型可以自由转换。 数值型数据可以用十进制（如11、77.5）、八进制（如045）、十进 制（如0 xFF）表示。JavaScript中的数值可以用科学计数法表示，此 时，指数要放在字母e的后面，而e不区分大小写。 下面再介绍JavaScript中两种特殊的数值类型。 （1）特殊值Infinity。 （2）特殊值NaN。Number对象中有关特殊值的属性如表2-2所示 参看教材第19页、20页例2-1、例2-2、例2-3.,第2章JavaScript语言基础,2.2数 据 类 型,2.2.2字符串型 在JavaScript中，字符串是

5、一组被引号（单引号或双引号）括起来的 文本。多数字母、数字与标点可以放在字符串内，但若要在字符串中 使用诸如换行符等符号，必须用到转义字符。例如，换行的转义字符 为“n”。可以按照下面示例中的方法在字符串中使用转义字符。JavaScript中常用的转义字符如教材第22页表2-3所示。 参看教材例2-4、例2-5.,第2章JavaScript语言基础,2.2数 据 类 型,2.2.3布尔型 布尔型（boolean）数据只有两个值：true和false。在比较表达式中， 根据其值为真或假，分别取值为true或false。 布尔值常包含在对象属性中，用以指示某种开/关状态。例如，IE浏 览器的nav

6、igator对象的cookieEnabled属性（navigator.cookieEnabled）就 是一个布尔值，当用户允许使用cookie时，其值为true，否则为false。 参看教材例2-6.,第2章JavaScript语言基础,2.2.4空值型 null表示空值，是一个表示“什么都没有”的占位 符。null与undefined的区别是：undefined表示一个变量 尚未赋值，而null则表示变量被赋予了一个空值。 undefined只能用于Netscape 6.0及以上版本和IE 5.5 及以上版本的浏览器中。下面是一个值为undefined的变 量与值为null的变量进行比较的例

7、子。 参看教材例2-7.,2.2数 据 类 型,第2章JavaScript语言基础,2.2数 据 类 型,2.2.5未定义值型 未定义值型（undefined）用来表示不存在的值或者 尚未赋值的变量。对一个变量只声明而不赋值（如“var x;”）或者赋予一个不存在的属性值（如“var x=String.nosuchproperty;”），都会使该变量的值为 undefined。,第2章JavaScript语言基础,2.3常量,在程序运行过程中，其值不能被改变的量称为常量。 2.3.1基本常量 基本常量有以下几种类型： （1）字符型常量 （2）数值型常量 2.3.2特殊常量 特殊常量主要有空值和

8、转义字符两类。,第2章JavaScript语言基础,变量是对应到某个值的符号，因为它所对应的值会随着程序的运行而变化，所以称为变量。变量的名称必须以英文字母或下划线开头，而不能以数字开头，后面可以接数字或字母。由于JavaScript区分大小写，所以A和a被视为两个不同的变量。在程序中可以通过使用变量来对变量中保存的数据进行各种操作。,2.4变量,第2章JavaScript语言基础,2.4变量,2.4.1 变量命名 在给变量命名时需注意以下几点： （1）JavaScript要求变量名的第一个字符是字母或下划线（_）， 并且变量名中不允许包含空格、“！”、“”、“#”、“$”等特殊字 符，不能使

9、用点符号（.）。 （2）JavaScript的变量名严格区分大小写 （3）变量名称不能直接使用JavaScript语法中的保留字和关键 字，但是可以把保留字或关键字加到变量名称中 . 同样，数组名称也应遵循上述命名规则。,第2章JavaScript语言基础,2.4变量,2.4.2变量声明 在JavaScript中，使用变量前最好先进行声明，这虽然不是必须 的，却是一种良好的代码书写习惯。,第2章JavaScript语言基础,2.4变量,变量声明应遵循以下规则： （1）可以使用一个关键字var同时声明多个变量，例如，“var i,sum;”就同时声明了i和sum两个变量。 （2）可以在声明变量的

10、同时对其赋值（称为初始化），例如，“var message=hello；var m=1,n=2;”声明了3个变量（message、m、n），并分别进行了初始化操作。 （3）如果只是声明了变量，并未对其赋值，则其缺省值为undefined。 （4）var语句可以用作for循环和forin循环的一部分，这使循环变量的声明成为循环语句自身的一部分，使用起来较为方便。 （5）允许使用var语句多次声明同一变量，如果重复声明的变量已有一个初始值，再次声明相当于对此变量重新赋值。 参看教材例2-8.,第2章JavaScript语言基础,2.4变量,2.4.3变量赋值 在声明变量后可以使用等号“=”来对其赋

11、值，在指 定变量值时也指定了变量的类型。 参看教材例2-9.,第2章JavaScript语言基础,2.5运算符与表达式,在定义完变量后，可以对变量进行赋值、计算等操作，这一 操作过程是由表达式来完成的。表达式中包含常量、变量、运算 符等，表达式的结果通常可以赋值给一个变量或直接作为函数的 参数。 运算符是在表达式中用于进行运算的符号（如“+”、“-”、 “=”等）或JavaScript关键字（如delete、new、typeof等）。使用 运算符可以进行计算、比较等各种运算，运算符作用的对象叫做 操作数。,第2章JavaScript语言基础,2.5运算符与表达式,2.5.1运算符 JavaSc

12、ript中的运算符有一元运算符、二元运算符和三元运算 符几种。一元运算符只有一个操作数，如i+或+i；二元运算符 有两个操作数，如3+4；三元运算符只有一个，即“？:”，它有3个 操作数，其语法格式为： test ?语句1:语句2 参数说明： （1）test：可以是任何布尔表达式，test可以为字符串。 （2）语句1：当test的结果为true时执行的语句。 （3）语句2：当test的结果为false时执行的语句。,第2章JavaScript语言基础,2.5运算符与表达式,2.5.1运算符 1.算术运算符 在JavaScript中，算术运算符包括加（+）、减（-）、乘（*）、 除（/）、取模（

13、%） 5种类型，表2-4列出了这些算术运算符的 含义及示例。 参看教材例2-10、例2-11、例2-12 、例2-13.,第2章JavaScript语言基础,2.5运算符与表达式,2.5.1运算符 2.比较运算符 比较运算符用于连接两个进行比较的操作数，其中，操作数既可以是数字，也可以是字符串。比较表达式的结果为逻辑值（true或false）。教材中表2-5列出了各种比较运算符的含义及示例。 参看教材例2-14.,第2章JavaScript语言基础,2.5运算符与表达式,2.5.1运算符 3.逻辑运算符 逻辑表达式返回的逻辑值也是true或false。表2-6列出了逻辑运 算符的用法及含义。

14、参看教材例2-15.,第2章JavaScript语言基础,2.5运算符与表达式,2.5.1运算符 5.赋值运算符 赋值运算符是将右边的操作数的值赋予左边的操作数，如 “x=y”是将y的值赋给x。表2-7赋值运算符的简写形式及其含义。 参看教材例2-17、例2-18.,第2章JavaScript语言基础,2.5运算符与表达式,2.5.1运算符 6.条件运算符 条件运算符是JavaScript中唯一的一个三元运算符，其格式为： ?第一个值：第二个值 当条件表达式的值为真时，结果为第一个值，否则为第二个值。 参看教材例2-19.,第2章JavaScript语言基础,2.5运算符与表达式,2.5.1运

15、算符 7.其他运算符 JavaScript中的其他运算符包括逗号（，）、按位或（|）、按位 异或（）、按位与（&）、按位移位（）、非（！）、增 量（+、+）、减量（-、-）、delete、new、this、typeof、void 等，如表2-8运算符及运算符类型所示。 参看教材例2-20、 2-21、 2-22、 2-23、 2-24、 2-25、 2-26.,第2章JavaScript语言基础,2.5运算符与表达式,2.5.1运算符 8.运算符的优先级 JavaScript的运算符具有明确的优先级与结合性。优先级较高的 运算符将先于优先级较低的运算符进行运算。结合性是指具有同 等优先级的运算

16、符将按照怎样的先后顺序进行运算（结合性有向 左结合和向右结合两种）。表2-9列出了JavaScript运算符的优先 级及其结合性。 参看教材例2-27.,第2章JavaScript语言基础,2.5运算符与表达式,2.5.2表达式 8.运算符的优先级 1.表达式简介 表达式一般由常量、变量和运算符组成。如果一个语句返回一个值（可能是数值、字符串或逻辑值），那么它也是一个表达式。 JavaScript的表达式主要有如下几种类型： 数学表达式：值为数字。 字符串表达式：值为一个字符串。 逻辑表达式：值为true或false。,第2章JavaScript语言基础,2.5运算符与表达式,2.5.2表达式 8.运算符的优先级 在JavaScript中，数据类型的转换有一定的规则。表2-10列出了 各种类型的数据转换为逻辑型数据后的结果，表2-11列出了各种 类型的数据转换为数值型的数据后的结果，表2-12列出了各种类 型的数据转换为字符串型数据后的结果。 JavaScript属于松散类型的程序语言，其变量类型需视变量值的类 型而定