javascript对象编程13.pptVIP

JavaScript面向对象编程 目的：学习JS对象概念，对象的功能和对象间的关系，并对JS内置对象有一定了解，掌握JS对象应用方法。 交流论坛：/index.asp 网页设计版块 一、什么是对象 对象是由数据和与该数据相关的操作组成的一个整体。其中数据代表的是属性，而该数据相关的操作是对象的方法。 如杯子。一个杯子就是一个对象，杯子的颜色、材料、大小、位置、重量等　就是杯子的属性。而将杯子移动到不同的位置就是它的方法了。 如名为张三的人。就是一个对象，其身高、体重、胖瘦等是属性，而其走动、跑跳等就是其方法。 二、JavaScript中的对象 １、内置对象 指JS中包括的基本数据类型相关的对象[String/Number/Boolean/Array/Object/Math/Date/RegExp]等对象。 ２、文本对象 即document对象是DOM的一个部分。JS利用文本对象生成结构化的HTML和XML文档，并控制级联样式表实现动态的HTML。 ３、流览器对象 即browser。主要包括window和navigator对象。 ４、自定义对象 三、创建JS对象 在JS中使用　new　关键字来创建一个对象，创建对象的性质由new 关键字后的特定对象类型决定。如： var newString=new String(); //创建一个新的字符串对象 var newArray=new Array(); //创建一个新的数组对象 var newDate=new Date(); //创建一个新的日期对象 在创建新的对象时，JS会自动为对象分配内存空间，在删除对象后空间将会被自动回收。 四、Math对象 Math对象具有一系列的常量和方法，能够实现比较复杂的算术运算。Math对象由解释器自动生成，可以不需要先创建实例，而是直接应用。 Math对象属性包括 E/LN2/LN10/LOG2E/LOG10E/PI/SQRT1_2/SQRT2 MATH对象的方法 abs(x)/cos(x)/acos(x)/sin(x)/asin(x)/tan(x)/atan(x)/atan2(x)/ceil(x) /exp(x) floor(x) /log(x) /max(a,b) /min(a,b) /pow(n,m) /round(x) /random() 五、Date对象 Date对象提供了十分灵活的操作时间和日期的方法。 Date对象拥有一系列属性和方法，可以用来表示任意的日期和时间，获取系统当前时间和时间间隔。 值得注意是，取出的时间和日期是客户机上的，若客户机上的日期和时间有误，那取出来的日期和时间也会有错误。 Date对象使用时，需要先用new构造一个新对象，然后才能使用，如 var toDay=new Date(); Date对象常用方法 setFullYear()/ getFullYear()/ setYear() /getYear() 基本应用实例参考教材72页 六、Number对象 Number对象是提供基本数据类型的js内置对象，Number对象还提供数值型常数。其构建方法有2 1、var newNumber=new Number(); 2、var newNumber=new Number(123.456); Number对象方法 toString() 是Number对象的惟一有用的方法，即以字符串格式输出 七、String对象 String对象提供基本数据类型中字符串类型的访问方法。其构造方法如：var newString=new String();　或者　var newStr=new String(“ab”); String对象属性 length : 得到字符串对象的长度 String对象方法 charAt() charCodeAt() fromCharCode() indexOf() lastIndexOf() split() Substring() substr() toLowerCase() toUpperCase() concat() 各方法演示代码见备注或fun-demo7.html 八、数组对象 数组对象是JAVASCRIPT中的内置对象，其包括各种属性和方法。 数组对象的创建方法如下： var farray=new Array(); //注意对象首字母大写 定义动态数组 var xarray=new Array(“a”,”b”,”c”,”d”); var sarray=[“white”,”black”,”yellow”,”orange”]; //创建并初始化对象 var tarray=new Array(3); //定义数组并指定元素个数 var sarray=