网页设计实战光盘ch13.pptx

HTML5+CSS3+JavaScript网页设计实战

第十三章JavaScript语法

课程内容JavaScript变量与数据类型JavaScript运算符与表达式JavaScript流程控制语句JavaScript函数项目实战：简易在线JavaScript计算器

JavaScript变量与数据类型JavaScript变量JavaScript规范中定义的变量既可以存储数据信息，也可以定义为替代表达式的符号。一般通过“var”关键字来定义的变量是局部变量，而不使用“var”关键字直接定义的变量是全局变量。

JavaScript变量与数据类型JavaScript变量在JavaScript规范中还规定了一些定义变量的准则：JavaScript变量需要以字母开头，大小写字母均可、且对大小写字母敏感（例如：a和A是不同的变量）；JavaScript变量也可以用“$”或“_”符号开头；JavaScript变量分为全局变量和局部变量，且二者的定义方式、作用域及使用用法有明显区别；

JavaScript变量与数据类型JavaScript数据类型JavaScript规范中定义的数据类型包括很多种，譬如字符串、数字、布尔、数组、对象、Null、Undefined等等。另外，JavaScript语言的一大特点就是支持动态数据类型。所谓“动态数据类型”指的就是同一变量可以接受不同的数据类型，这一点与当初学习的C语言略有不同。

JavaScript变量与数据类型JavaScript对象对于JavaScript而言，一切皆为对象。这句话该怎么理解呢？例如前一小节中介绍的各种数据类型（字符串、数字、数组等），都是JavaScript对象。在JavaScript规范中，对象就是拥有属性和方法的数据。JavaScript对象语法是通过花括号“{}”定义的。在花括号“{}”内部，对象的属性是通过“名称”和“值”对的形式（name:value）来定义的。其中，“名称”和“值”对是由冒号“:”来分隔的。

JavaScript运算符和表达式JavaScript算数运算符及表达式运算符描述示例结果+加1+23-减2-11*乘2*24/除2/12%取余（模）数（保留整数）3%21++累加++12--累减--10

JavaScript运算符和表达式JavaScript赋值运算符及表达式运算符示例等价于结果前提条件=x=y?x=1y=1+=x+=yx=x+yx=2x=1,y=1-=x-=yx=x-yx=0x=1,y=1*=x*=yx=x*yx=2x=1,y=2/=x/=yx=x/yx=1x=2,y=1%=x%=yx=x%yx=1x=3,y=2

JavaScript运算符和表达式JavaScript比较运算符及表达式运算符描述示例结果前提条件==等于x==1truex=1!=不等于x!=1falsex=1===恒等于（值和类型均相等）x===1truex=1!==不恒等于（值和类型均不相等）x!==1falsex=1?大于x1falsex=1=大于等于x=1truex=1?小于x1falsex=1=小于等于x=1truex=1

JavaScript运算符和表达式JavaScript逻辑运算符及表达式运算符描述示例结果前提条件与(x=1)(y=1)truex=1,y=1||或(x1)||(y2)truex=0,y=2!非!(x==y)falsex=1,y=1

JavaScript运算符和表达式JavaScript条件运算符及表达式语法示例结果前提条件变量=(条件)?值1:值2varv=(x==y)?true:falsev=truex=1,y=1

JavaScript运算符和表达式JavaScript运算符优先级运算符描述++、--、!一元运算符*、/、%乘法、除法、取模+、-加法、减法、字符串连接、移位、=、、=小于、小于等于、大于、大于等于==、!=、===、!==等于、不等于、严格相等、严格不相等按位“与”^按位“异或”|按位“或”逻辑“与”||逻辑“或”?:条件=赋值

JavaScript流程控制语句if语句if(条件){ 仅当条件为true时，执行此处代码}

JavaScript流程控制语句if…else…语句if(条件){ 仅当条件为true时，执行此处代码}else{ 否则执行此处代码}

JavaScript流程控制语句if…elseif…else…语句if(条件1){ 仅当条件1为true时，执行此处代码}elseif(条件2){ 仅当条件2为true时，执行此处代码}…{…}elseif(条件n){ 仅当条件n为true时，执行此处代码}el