《JavaScript程序设计基础教程 第2版 普通高等教育“十一五”国家级规划教材 教学课件 ppt 作者 阮文江 第四章 JavaScript 编程基础》由会员分享，可在线阅读，更多相关《JavaScript程序设计基础教程 第2版 普通高等教育“十一五”国家级规划教材 教学课件 ppt 作者 阮文江 第四章 JavaScript 编程基础（35页珍藏版）》请在金锄头文库上搜索。
1、第四章 JavaScript 编程基础,介绍最基本的JavaScript编程概念:类型、常量、变量和表达式 JAVASCRIPT 简介 在 HTML 文档中使用 JAVASCRIPT 数据类型与常量 变量 运算符与表达式 JAVASCRIPT运算符,中山大学计算机科学系,2019/5/24,1,4.1 JavaScript 简介 4.1.1 了解 JavaScript,一、什么是 JavaScript JavaScript 是 Web 编程语言 二、JavaScript 标准 ECMA-262 标准,ECMAScript 语言 JavaScript、JScript 和 ECMAScript 统
2、称为 JavaScript 三、JavaScript 的基本特点 JavaScript 是脚本编程语言 JavaScript 是基于对象的语言 安全性 跨平台性,中山大学计算机科学系,2019/5/24,2,4.1 JavaScript 简介 4.1.1 了解 JavaScript,四、其他常用的 Web 开发语言 1、 Java 2、VBScript 3、JScript 4、Perl,中山大学计算机科学系,2019/5/24,3,4.1.2 JavaScript 应用,一、客户端应用 二、服务器端应用,中山大学计算机科学系,2019/5/24,4,4.1.3 编写 JavaScript 程序
3、的工具,一、纯文本编辑器 优点:简单、易用 缺点:不支持 JavaScript 特性 二、专业化脚本编辑工具 SharePoint Designer 2007、Dreamweaver 以及 Flash 等 优点:高效率,代码自动生成、智能感知、语法敏感编辑、调试等 缺点: 冗余代码,中山大学计算机科学系,2019/5/24,5,4.2 在 HTML 文档中使用 JavaScript,两种方式 嵌入 JavaScript 脚本 链接外部 JavaScript 脚本文件,中山大学计算机科学系,2019/5/24,6,4.2.1 嵌入 JavaScript 脚本, 标签,配合 type、src 等属
4、性 通常将 元素放入 和 之间、或 和 之间 例4.1 显示“Hello World!” document.write(“Hello World!“); ,中山大学计算机科学系,2019/5/24,7,4.2.2 链接 JavaScript 脚本文件,将脚本放在单独的一个 js 文件 链接 JavaScript 脚本文件： 例4.3,中山大学计算机科学系,2019/5/24,8,4.3 数据类型与常量,数值型 字符串型 布尔型 引用数据类型,中山大学计算机科学系,2019/5/24,9,4.3.1 数值型,一、整数 十进制：使用 09 的数字序列表示。如：25，+234，-998，085 八进
5、制：使用 07 的数字序列表示，首位必须是0。如：0235，-065 十六进制：使用 09、A、B、C、D、E、F（或a、b、c、d、e、f）的数码序列表示，前两位必须是 0X 或 0x。如：0x235，-0XA8，0XEF,中山大学计算机科学系,2019/5/24,10,4.3.1 数值型,二、浮点数 浮点数是可以有小数部分的数值。 普通形式。由整数部分、小数点和小数部分组成，如：3.2、12.0、12.、.5、-1.8 指数形式。如 5.34e5（表示5.34105）、312E-4（表示31210-4） NaN: 非数字,表示无意义的数学运算结果,中山大学计算机科学系,2019/5/24,
6、11,4.3.2 字符串,字符串用于表示文本数据，由0个或多个字符组成的序列组成 字符串常量: 必须为字符串首尾添加成对的双引号“”或单引号“” “Hello word!“ 世界，您好! “a“ 或 a “ 或 “ “Hi! I said.“ “Hi!“ I said.,中山大学计算机科学系,2019/5/24,12,4.3.2 字符串,转义字符:以反斜杠“”开头，后跟一个或多个字符，如 b、f、n、r、t、“、 例4.3 document.write(“在字符串中,通过转换字符,既可加入单引号,也可以加入双引号“。“);,中山大学计算机科学系,2019/5/24,13,4.3.3 布尔型,布
7、尔型就是逻辑型，只有两个值：逻辑“真”和逻辑“假”，分别对应于布尔常量 true 和 false。 4.3.4 其他类型的常量 null : 空值常量，表示空的或不存在的对象引用 undefined:未定义值,中山大学计算机科学系,2019/5/24,14,4.4 变量,变量是程序中一个已命名的存储单元 两个基本特征 变量名:标识变量的名称 变量值:变量存储的数据,中山大学计算机科学系,2019/5/24,15,4.4.1 变量命名,变量名是一种标识符，由字母、数字、下划线（_）或美元符号（$）构成的字符序列组成，但首字符不能是数字。 变量名不能包含空格、+、- 等符号 不能使用保留字 区分大
8、小写 要选择易于记忆、有意义的变量名。如 age 也可以使用中文字符命名 变量,中山大学计算机科学系,2019/5/24,16,4.4.2 变量声明,声明格式： var variablename; 声明多个变量 var name,age,weight;,中山大学计算机科学系,2019/5/24,17,4.4.3 变量赋值,方法一：声明时给出初始值 var name=“张三“; 方法二：使用赋值语句 age = 20;,中山大学计算机科学系,2019/5/24,18,4.4.4 变量取值,若要取一个变量的值，则可以把该变量名放在一个常量可以出现的位置。如: age = 20; his_age =
9、 age; document.write (age); 例4.4,中山大学计算机科学系,2019/5/24,19,4.4.5 变量类型,变量类型是指变量值所属的数据类型 JavaScript 变量的类型是动态的，只有在程序运行时才能动态确定 例： var x=1; x=“今天天气真好“; x=true;,中山大学计算机科学系,2019/5/24,20,4.4.6 简述变量的作用域,变量的作用域是指变量起作用的范围，在该范围内可引用该变量。 全局变量:作用范围是同一个页面文件中的所有脚本,中山大学计算机科学系,2019/5/24,21,4.5 运算符与表达式 4.5.1 基本概念,一、运算符 运
10、算符是指定计算操作的符号（如 +、-、*、 等），用于将1个或几个值进行计算而生成一个新值 被计算的值称为算子或操作数，可以是常量、变量、函数调用、子表达式 运算符分为: 单目运算符（只有1个操作数） 双目运算符（有2个操作数） 三目运算符（有3个操作数）,中山大学计算机科学系,2019/5/24,22,4.5 运算符与表达式 4.5.1 基本概念,二、表达式 表达式是运算符和操作数组合而成的式子 表达式具有值，这个值是对操作数实施运算符所确定的计算后产生的结果值 例:如果有定义“var x=123;”，那么“123”、“x”、“x+100”都是表达式，其值分别是数值 123、123、223,
11、中山大学计算机科学系,2019/5/24,23,4.5.2 运算符的优先级,计算复杂表达式的顺序依赖于运算符的优先级（优先级越高越先计算）。 算术运算符关系运算符 关系运算符逻辑运算符 逻辑运算符赋值运算符 例4.5,中山大学计算机科学系,2019/5/24,24,4.5.3 运算符的结合性,当表达式中连续出现的几个运算符优先级相同时，其运算顺序由结合性决定，分为: 左结合:左边的运算符优先计算，如 10-2-5 右结合:右边的运算符优先计算，如 x=y=100,中山大学计算机科学系,2019/5/24,25,4.5.4 表达式中的类型转换,如果操作数的数据类型不是运算符所要求的类型，那么 J
12、avaScript 会进行隐式类型转换 例4.6、例4.7 、例4.8 、例4.9 控制方法： 1、对于 + 运算符 若1个操作数为字符串，则为字符串连接运算 若两个操作数都不是字符串，则为算术加运算 2、对于其他运算符，将操作数转换为相应类型的值 3、使用函数 parseInt() 和 parseFloat(),中山大学计算机科学系,2019/5/24,26,4.6 JavaScript运算符,算术 关系 逻辑 位操作 赋值 条件,中山大学计算机科学系,2019/5/24,27,4.6.1 算术运算符,+、-、*、/ % 模运算。如 10%3 等于 1 + 增1运算 var x=100,y;
13、 y = +x; /x=x+1; y=x; y = x+; /y=x; x=x+1; - 减1运算 与 + 类似 例4.10,中山大学计算机科学系,2019/5/24,28,4.6.2 关系运算符,关系运算符（又称比较运算符）对操作数进行比较，返回一个布尔值 、=、=、!=、=、!= 例4.11,中山大学计算机科学系,2019/5/24,29,4.6.2 关系运算符,字符串比较 两个操作数都是字符串 依次比较两个字符串中相同位置的字符，而对字符的比较就是比较它们的 Unicode 码值 如：“a“=“a“、“ab“=“ab“、“a“XYZ“、“x“XYZ“ 返回 true。 数值比较 至少有一
14、个操作数不是字符串 如：2“10“、1true、truefalse 的结果分别是 false、false、true；而 2=“0X2“、1=true、“true“=true 的结果分别是 true、true、false。,中山大学计算机科学系,2019/5/24,30,4.6.3 逻辑运算符,逻辑运算符： & 逻辑与 | 逻辑或 ! 逻辑非 例4.12,中山大学计算机科学系,2019/5/24,31,4.6.4 位操作运算符,位操作运算符： & 按位与 | 按位或 按位异或 单目运算符，按位取反 右移 无符号数的右移 例4.13,中山大学计算机科学系,2019/5/24,32,4.6.5 赋值
15、运算符,赋值运算符 等于号（=） 组合赋值运算符：+=、-=、*=、/=、%=、&=、|=、=、=、= 赋值表达式的值就是赋值运算符左边变量被赋值后所具有的值。如： a=b=100 例4.14,中山大学计算机科学系,2019/5/24,33,4.6.6 条件运算符,条件运算符（三目运算符）： condition?true_result:false_result 如果 condition 为真，则表达式的值为 true_result 子表达式的值，否则为 false_result 子表达式的值。 例4.15,中山大学计算机科学系,2019/5/24,34,4.6.7 其他运算符,特殊运算符：.、 、( ) 、, 、delete、new、typeof、void 例4.16 使用 typeof 验证变量类型的动态性 x=100; type_name=typeof x; x=true; type_name=typeof x; x=“Hello“; type_name=typeof x; x=null; type_name=typeof x; x=void x; type_name=typeof x;,中山大学计算机科学系,2019/5/24,35,
