第七章对象编程.ppt

第七章对象编程 JavaScript是一种基于对象 Object 的语言 它支持三种对象 内置对象 用户自定义对象以及浏览器对象 本章介绍如何使用JavaScript内置对象 学习对象编程技术 7 1初探对象编程 例1 用户输入一个数x 然后求出它的平方根 使用对象求平方根varx square root x parseFloat prompt x 0 square root Math sqrt x alert x 的平方根 square root 7 2对象的基本概念 7 2 1什么是对象对象用于描述客观世界存在的特定实体 比如 人 就是一个典型的对象 人 包括身高 体重 年龄等特性 同时又包含吃饭 睡觉 行走这些动作 在计算机世界中 不仅存在来自于客观世界的对象 也包含为解决问题而引入的抽象对象 例如 一个用户可被看作一个对象 它包含用户名 用户密码等特性 也包含注册 注销等动作 7 2 2对象的属性和方法在JavaScript中 对象就是属性和方法的集合 方法是作为对象成员的函数 表明对象所具有的行为 属性是作为对象成员的一个变量或一组变量 表明对象的状态 通过访问或设置对象的属性 并且调用对象的方法 就可以对对象进行各种操作 从而获得需要的功能 调用对象的一个方法类似于调用一个函数 如 Math sqrt x 使用对象的一个属性则类似于使用一个变量 如 window status 正在显示我的主页 例2 在浏览器窗口的状态栏中显示当前浏览器的版本信息 访问对象的属性window status navigator appVersion 对象window表示当前浏览器窗口 其属性status代表这个窗口的状态栏 对象navigator代表当前使用的浏览器 IE 其属性appVersion存储了当前浏览器的版本说明信息 7 2 3在JavaScript中使用对象可以使用三种对象 内置对象是Math Date String Array Number等对象 浏览器对象是浏览器根据系统当前的配置和所装载的页面为JavaScript提供的一些可供使用的对象 如 document window对象等 自定义对象就是指自己根据需要而定义的新对象 7 2 4创建和删除对象在JavaScript的内置对象中 除了Math等极个别对象以外 其他对象都要使用new运算符来创建一个变量 创建格式 变量名 new对象名 delete删除对象 很少用 例3 在页面中显示当天日期 使用new运算符vartoday today newDate document write 今天是 today getFullYear 年 today getMonth 1 月 today getDate 日 说明 语句today newDate 使用运算符new创建一个Date对象 并把这个对象赋给变量today 不带任何参数的新建Date对象含有当前日期和时间的信息 7 3Math对象 Math对象的属性是数学中常用的常量 如圆周率PI 自然对数的底E等 Math对象的方法则是一些十分有用的数学函数 如sin random log 等 在调用Math对象的属性和方法时 直接写成 Math 属性和Math 方法 例4 求PI的5次方 并四舍五入取整 使用Math对象alert Math round Math pow Math PI 5 7 4Date对象 7 4 1Date对象的主要方法常用方法 设置和获取日期中的年 月 日 小时 分 秒和毫秒等 7 4 2创建Date对象要使用Date对象 必须先使用new运算符创建它 创建Date对象的常见方式有三种 1 不带参数vartoday newDate 将创建一个含有系统当前日期和时间的Date对象变量today 2 创建一个指定日期的Date变量vartheDate newDate 2000 9 1 将创建一个日期值是2000年9月1日的Date对象变量theDate 而且这个对象中的小时 分钟 秒 毫秒值都是0 3 创建一个指定时间的Date变量vartheTime newDate 2000 9 1 10 20 30 50 将创建一个包含确切日期和时间的Date对象变量theTime 即2000年9月1日10点20分30秒50毫秒 例5 计算求1 2 3 10000之和所需要的运行时间 毫秒数 使用Date对象vart1 t2 htime i sum 0 t1 newDate document write 循环前的时间是 t1 toLocaleString t1 getMilliseconds for i 1 i htime t2 getTime t1 getTime document write 执行10000次循环用时 htime 毫秒 说明 方法toLocaleString 返回的时间字符串不包括毫秒数 所以在输出中使用了方法getMilliseconds 7 5Number对象 Number对象用于存放MAX VALUE MIN VALUE NaN NEGATIVE INFINITY POSITIVE INFINITY等极端数值 例6 在页面中显示JavaScript可以处理的数的区间 使用Numberdocument write JavaScript有效数的范围是 Number MIN VALUE Number MAX VALUE 7 6String对象 String对象提供对字符串进行处理的属性和方法 在使用String对象时 首先要创建一个字符串变量 使用new运算符来创建 如 newstring newString Thisisanewstring 也可以直接将字符串赋给变量 newstring Thisisanewstring String对象的最常用属性和方法 lengthtoLowerCase toUpperCase charAt index substr start len 例7 将用户输入的字符串反向输出到页面上 并且要求将其中的小写字母转换为大写字母 例如 如果输入 abc123 则输出 321CBA 使用Stringvarorigin s upper s i origin s prompt 请输入一行文字 upper s origin s toUpperCase for i upper s length 1 i 0 i document write upper s charAt i 7 7Array对象 7 7 1什么是数组如果一个变量是数组 那么这个变量同时就能够存储多个值 一个数组可以包含多个数组元素 数组中数组元素的个数称为数组长度 7 7 2创建和访问数组基本格式 vararrayname newArray arraysize 一个数组元素由数组名 一对方括号 和这对括号中的下标组合起来表示 如 arrayname 0 arrayname 1 arrayname 2 arrayname arraysize 1 赋值 取值操作 varclassmates newArray 4 创建数组classmates 0 张月 对第1个数组元素进行赋值classmates 1 何芳 对第2个数组元素进行赋值classmates 3 classmates 0 把第1个数组元素的值赋予第4个 例8 使用一个数组变量classmates存贮4个同学的名字 即 张月 李良 王力和何芳 然后在页面上输出这些名字 数组使用初步varclassmates iclassmates newArray 4 classmates 0 张月 classmates 1 李良 classmates 2 王力 classmates 3 何芳 for i 0 i 对例8程序的一点改进 classmates newArray 张月 李良 王力 何芳 例9 在页面上显示当前日期和时间 并显示是星期几 显示星期几varweek today week i week newArray 星期日 星期一 星期二 星期三 星期四 星期五 星期六 today newDate week i today getDay document write today toLocaleString week week i JavaScript数组的动态性 classmates newArray classmates 10 黄海 7 7 3使用for in语句用for in语句处理数组 可以依次对数组中的每个数组元素执行一条或多条语句 for in的格式是 for 变量in数组 循环体语句 其中变量将遍历数组中的每个索引 其执行过程如下 1 变量被赋值为数组的第1个下标索引 通常是0 2 如果变量值是一个有效的下标索引 如小于数组长度 就执行步骤3 否则退出循环 3 执行循环体语句 4 变量被赋值为数组的下一个下标索引 转去执行步骤2进行判断 例10 使用for in修改例8的程序 使用for in语句varclassmates iclassmates newArray 张月 李良 王力 何芳 for iinclassmates document write 第 parseInt i 1 个同学是 classmates i 7 7 4Array对象的常用属性和方法Array对象最常用的属性和方法 length toString 例11 使用toString 方法输出例10中数组变量classmates的内容 使用Array对象的属性和方法varclassmates iclassmates newArray 张月 李良 王力 何芳 document write 我的同学有 classmates toString 7 7 5二维数组如果数组中所有数组元素的值都是基本类型的值 就把这种数组称为一维数组 当数组中所有数组元素的值又都是数组时 就形成了二维数组 例12 使用二维数组输出学生的成绩表 二维数组成绩表姓名英语计算机 varstudents i j students newArray students 0 newArray 张月 78 92 students 1 newArray 李良 64 76 students 2 newArray 王力 58 67 students 3 newArray 何芳 87 98 for i 0 i varnow newDate s a