程序设计基础教程(第2版)第四章-JavaScript-编程基础课件.ppt

第四章 JavaScript 编程基础介绍最基本的JavaScript编程概念:类型、常量、变量和表达式lJAVASCRIPT l在 HTML 文档中使用 JAVASCRIPTl数据类型与常量l变量l运算符与表达式lJAVASCRIPT运算符2023/5/26 14.1 JavaScript 简介4.1.1 了解 JavaScript一、什么是 JavaScript uJavaScript 是 Web 编程语言二、JavaScript 标准uECMA-262 标准,ECMAScript 语言uJavaScript、JScript 和 ECMAScript 统称为 JavaScript三、JavaScript 的基本特点uJavaScript 是脚本编程语言uJavaScript 是基于对象的语言u安全性u跨平台性中山大学计算机科学系2023/5/26 24.1 JavaScript 简介4.1.1 了解 JavaScript四、其他常用的 Web 开发语言1、Java2、VBScript3、JScript4、Perl中山大学计算机科学系2023/5/26 34.1.2 JavaScript 应用一、客户端应用 二、服务器端应用中山大学计算机科学系2023/5/26 44.2 在 HTML 文档中使用 JavaScript两种方式l嵌入 JavaScript 脚本l链接外部 JavaScript 脚本文件中山大学计算机科学系2023/5/26 64.2.1 嵌入 JavaScript 脚本l 标签,配合 type、src 等属性l通常将 元素放入 和 之间、或 和 之间l例4.1 显示“Hello World!”document.write(Hello World!);中山大学计算机科学系2023/5/26 74.2.2 链接 JavaScript 脚本文件l将脚本放在单独的一个 js 文件l链接 JavaScript 脚本文件：l例4.3中山大学计算机科学系2023/5/26 84.3.1 数值型一、整数u十进制：使用 09 的数字序列表示。如：25，+234，-998，085u八进制：使用 07 的数字序列表示，首位必须是0。如：0235，-065u十六进制：使用 09、A、B、C、D、E、F（或a、b、c、d、e、f）的数码序列表示，前两位必须是 0X 或 0 x。如：0 x235，-0XA8，0XEF中山大学计算机科学系2023/5/26 104.3.1 数值型二、浮点数u浮点数是可以有小数部分的数值。u 普通形式。由整数部分、小数点和小数部分组成，如：3.2、12.0、12.、.5、-1.8u指数形式。如 5.34e5（表示5.34105）、312E-4（表示31210-4）lNaN:非数字,表示无意义的数学运算结果中山大学计算机科学系2023/5/26 114.3.2 字符串l转义字符:以反斜杠“”开头，后跟一个或多个字符，如 b、f、n、r、t、l例4.3document.write(在字符串中,通过转换字符,既可加入单引号,也可以加入双引号。);中山大学计算机科学系2023/5/26 134.4 变量l变量是程序中一个已命名的存储单元l两个基本特征u变量名:标识变量的名称u变量值:变量存储的数据中山大学计算机科学系2023/5/26 154.4.1 变量命名l变量名是一种标识符，由字母、数字、下划线（_）或美元符号（$）构成的字符序列组成，但首字符不能是数字。l变量名不能包含空格、+、-等符号l不能使用保留字l区分大小写l要选择易于记忆、有意义的变量名。如 agel也可以使用中文字符命名 变量中山大学计算机科学系2023/5/26 164.4.3 变量赋值方法一：声明时给出初始值 var name=张三;方法二：使用赋值语句 age=20;中山大学计算机科学系2023/5/26 184.4.4 变量取值l若要取一个变量的值，则可以把该变量名放在一个常量可以出现的位置。如:age=20;his_age=age;document.write(age);l例4.4 中山大学计算机科学系2023/5/26 194.4.5 变量类型l变量类型是指变量值所属的数据类型lJavaScript 变量的类型是动态的，只有在程序运行时才能动态确定l例：var x=1;x=今天天气真好;x=true;中山大学计算机科学系2023/5/26 204.4.6 简述变量的作用域l变量的作用域是指变量起作用的范围，在该范围内可引用该变量。l全局变量:作用范围是同一个页面文件中的所有脚本中山大学计算机科学系2023/5/26 214.5 运算符与表达式4.5.1 基本概念一、运算符l运算符是指定计算操作的符号（如+、-、*、等），用于将1个或几个值进行计算而生成一个新值l被计算的值称为算子或操作数，可以是常量、变量、函数调用、子表达式l运算符分为:u单目运算符（只有1个操作数）u双目运算符（有2个操作数）u三目运算符（有3个操作数）中山大学计算机科学系2023/5/26 224.5.2 运算符的优先级l计算复杂表达式的顺序依赖于运算符的优先级（优先级越高越先计算）。u算术运算符关系运算符u关系运算符逻辑运算符u逻辑运算符赋值运算符l例4.5 中山大学计算机科学系2023/5/26 244.5.3 运算符的结合性l当表达式中连续出现的几个运算符优先级相同时，其运算顺序由结合性决定，分为:u左结合:左边的运算符优先计算，如 10-2-5u右结合:右边的运算符优先计算，如 x=y=100中山大学计算机科学系2023/5/26 254.5.4 表达式中的类型转换l如果操作数的数据类型不是运算符所要求的类型，那么 JavaScript 会进行隐式类型转换l例4.6、例4.7、例4.8、例4.9l控制方法：1、对于+运算符若1个操作数为字符串，则为字符串连接运算若两个操作数都不是字符串，则为算术加运算2、对于其他运算符，将操作数转换为相应类型的值3、使用函数 parseInt()和 parseFloat()中山大学计算机科学系2023/5/26 26