第三章 Javascript对象.ppt

第三章 JavaScript对象 一、JavaScript对象简介 JavaScript数据类型分为基本数据类型和引用类型两种。在ECMAScript中，引用类型是一种数据结构，用于将数据和功能组织在一起，这有点类似于传统面向对象语言中的“类”，但ECMAScript只是一种基于对象的语言，它不具备传统的面向对象语言所支持的类和接口等基本结构，因此，在ECMAScript中，引用类型被称为“对象定义”，它描述一类对象所具有的属性和方法。而引用类型的值则称为“对象”，它是引用类型的一个实例。 一、JavaScript对象简介 ECMAScript中的对象有三种： ? 本地对象：ECMA-262 把本地对象定义为“独立于宿主环境的 ECMAScript 实现提供的对象”。简单来说，本地对象就是 ECMA-262 定义的引用类型。它们包括：Object、Function、Array、String、Boolean、Number、Date、RexExp。 ? 内置对象：ECMA-262 把内置对象定义为“由 ECMAScript 实现提供的、独立于宿主环境的所有对象，在 ECMAScript 程序开始执行时出现”。这意味着开发者不必明确实例化内置对象，它已被实例化了。ECMA-262 只定义了两个内置对象，即 Global 和 Math （它们也是本地对象，根据定义，每个内置对象都是本地对象）。 一、JavaScript对象简介 ? 宿主对象：所有非本地对象都是宿主对象，即由 ECMAScript 实现的宿主环境提供的对象。如 BOM 和 DOM 对象都是宿主对象。 一、JavaScript对象简介 创建本地对象：JavaScript中，创建对象有以下几种常用的方式： ? 使用new操作符后跟一个构造函数来创建 如 var obj=new Object(); var d=new Date(); ? 使用对象字面量表示法 如 var person={ name:“张三”, age:25, height:“78KG” } 一、JavaScript对象简介 ? 使用函数来构造对象 如 function person(name,age,height){ this.name=name; this.age=age; this.height=height; } var person3=new person(王五,28,68kg); 一、JavaScript对象简介 访问对象属性 如 var arr=new Array(); alert(arr.length); 调用对象方法 如 var d1=new Date(); alert(d1.getFullYear()); 例题3-1.html 二、Object类型 Object类型用来创建一个通用的对象，它是ECMAScript中使用最多的一个类型，虽然Object的实例不具备多少功能，但对于在应用程序中存储和传输数据来说，它是非常理想的选择。 ECMAScript中的所有对象都由这个对象继承而来，Object 对象中的所有属性和方法都会出现在其他对象中 。 二、Object类型 Object类型的使用： 格式： var obj=new Object([value]); obj—必选项，代表要赋值为Object对象的变量名。 vaule—可选项，可以是任意一种 JavaScript的基本数据类型。（Number、Boolean、或 String。）如果 value 为一个对象，返回不作改动的该对象。如果value?为?null、undefined，或者没有给出，则产生没有内容的对象。 例题3-2.html 二、Object类型 Object对象的属性和方法： 三、Array类型 Array类型也是ECMAScript中最常用的类型之一，ECMAScript中的数组与其他语言中的数组有着相当大的区别： ? ECMAScript中的数组的每一项可以保存任何类型的数据。 ? ECMAScript数组的大小是可以动态调整的，即可以随着数据的添加自动增长以容纳新增数据。 三、Array类型 数组的创建 ? 使用Array()构造函数创建 如 var arr1=new Array(); var arr2=new Array(10); var arr3