《Web前端开发》第12章 JavaScript对象.pptx

;面向对象和面向过程是两种不同的程序设计思想。面向过程的程序设计中，数据和对数据的操作分别放在变量和函数里，不能构成一个整体；而面向对象程序设计将数据和数据的操作封装成一个对象，所有事物都可以表示成对象，例如一门课程、一个用户、一个按钮、一次与远程服务器的连接都可以看作对象。;JavaScript的对象本质上是无序属性的集合，属性名和属性值组成键值对，属性值可以是数据和函数。为了方便区分，常常把数据属性称为属性，函数属性称为方法，属性和方法统称为成员。对象的静态特征用属性表示，动态特征用方法表示。例如一名学生可以表示成一个对象，学生具有学号、姓名、是否研究生、学积分等属性，并且具有选课、上课、考试等方法。;12.1自定义对象;2.newObject()创建对象

也可以使用newObject()创建对象，再通过赋值，添加对象的属性和方法。采用这种方式创建stu对象代码如下。

letstu=newObject(); //学生对象

stu.name=Liming; //添加属性

stu.isMaster=false;

stu.course=[c1,c2,c3];

stu.sayHi=function(){ //添加方法

console.log(this.name+:hello!);

}

stu.printCourse=function(){

for(leti=0;ithis.course.length;i++){

console.log(this.course[i]);

}

}

stu.sayHi();

stu.printCourse();;3.构造函数创建对象

由于以上两种方法创建多个对象会造成代码重复，所以创建多个同类型对象时，可以用构造函数完成。构造函数可以看作生产对象的一个模板。步骤如下：

（1）定义构造函数，包含对象的属性和方法，并可以通过函数参数将属性所需的值传递进来。按照编程规范，构造函数首字母大写。

（2）调用构造函数创建对象，格式如下：

对象=new构造函数()

例如，用构造函数创建两个学生对象，代码如下。;functionStudent(name,isMaster,course){//构造函数

this.name=name;//属性，this指向当前对象

this.isMaster=isMaster;

this.course=course;

this.sayHi=function(){//方法

console.log(this.name+:hello!);

}

this.printCourse=function(){

for(leti=0;ithis.course.length;i++){

console.log(this.course[i]);

}

}

}

//此时构造函数中的this指向对象liming

letliming=newStudent(李明,false,[c1,c2,c3]);

//此时构造函数中的this指向对象wangli

letwangli=newStudent(王丽,true,[c1,c3,c5]);

liming.sayHi();//输出“李明:hello!”

wangli.printCourse();//输出c1c3c5;4.原型创建对象

使用构造函数创建对象存在内存浪费问题，上例中，liming和wangli两个对象，在内存中占用不同的存储空间，每个空间中都包括sayHi()和printCourse()方法，造成内存浪费。

其实每个构造函数都有一个prototype属性，被称为构造函数原型。prototype属性可以指向另一个对象，这个对象的所有属性和方法属于构造函数，为所有由构造函数创建的对象所共有。所以应该将所有对象共享的属性和方法直接定义在prototype对象上。

例如，构造函数Student()中创建每个对象不同的成员，构造函数Student()的原型属性Student.prototype中创建对象的共有成员，代码如下。;12.1.2访问成员

1.访问单个成员

访问单个对象的属性可以采用圆点.形式和下标[]形式；访问方法时只能使用圆点.形式例如。;2.遍历成员

可以通过for…in遍历对象的属性，这时循环体内采用[]访问属性。例如。

letstu={//学生对象

name:Liming