JavaScript+jQuery交互式Web前端开发（第2版） 课件 第11、12章 JavaScript面向对象、正则表达式.pptx

第11章JavaScript面向对象《JavaScript+jQuery交互式Web前端开发（第2版）》学习目标/Target了解面向过程与面向对象，能够阐述面向过程与面向对象的区别熟悉面向对象的特征，能够归纳面向对象的三大特征掌握类的定义和继承，能够定义类及类中的属性和方法、实现子类继承父类了解类与对象的概念，能够阐述类与对象的区别学习目标/Target掌握调用父类的方法，能够使用super关键字调用父类的构造方法或普通方法掌握原型对象的使用，能够实现原型对象的访问与使用熟悉原型链的相关知识，能够绘制原型链了解成员查找机制，能够描述成员查找的顺序学习目标/Target掌握this指向的更改，能够灵活应用apply()方法、call()方法和bind()方法更改this指向掌握错误处理的方式，能够通过try…catch语句处理错误掌握错误对象的抛出，能够在程序出错时抛出错误对象了解错误对象的传递，能够列举错误对象的传递方式了解错误类型，能够列举常见的错误类型章节概述/Summary面向对象（ObjectOriented）是软件开发的一种编程思想，被广泛应用于数据库系统、交互式界面、应用结构、应用平台、分布式系统、网络管理结构、CAD（ComputerAidedDesign，计算机辅助设计）技术、人工智能等领域。在实际开发中，使用面向对象编程不仅可以使项目的结构更加清晰，而且可以使代码更易维护和更新。本章将详细讲解JavaScript面向对象。目录/Contents面向对象概述11.1类与对象概述11.2原型错误处理更改this指向11.511.411.311.1面向对象概述11.1.1面向过程与面向对象的区别先定一个小目标！了解面向过程与面向对象，能够阐述面向过程与面向对象的区别11.1.1面向过程与面向对象的区别当使用面向过程与面向对象思想解决问题时，面向过程的重点在于过程，也就是分析出解决问题需要的步骤，然后按照步骤逐步执行。面向过程的缺点在于，当步骤过多时，程序会变得复杂，代码的可复用性差，一旦步骤发生修改，就容易出现牵一发而动全身的情况。面向对象则是把问题分解为多个对象，这些对象可以完成它们各自负责的工作，只需要发出指令，就可以让这些对象去完成实际的操作。11.1.1面向过程与面向对象的区别相比面向过程，面向对象可以让开发者从复杂的步骤中解放出来，让一个团队能更好地分工协作。11.1.1面向过程与面向对象的区别下面对比面向对象和面向过程的区别，具体如下表所示。分类优点缺点面向过程代码无浪费，无额外开销，适合对性能要求极其苛刻的情况和项目规模非常小、功能非常少的情况不易维护、复用和扩展面向对象易维护、易复用和易扩展，适合业务逻辑复杂的大型项目增加了额外的开销11.1.2面向对象的特征先定一个小目标！熟悉面向对象的特征，能够归纳面向对象的三大特征11.1.2面向对象的特征1.封装封装是指隐藏内部的实现细节，只对外开放操作接口。接口是对象开放的属性和方法，无论对象的内部多么复杂，用户只需知道这些接口怎么使用即可，而不需要知道内部的实现细节。封装有利于对象的修改和升级，无论一个对象内部的代码经过了多少次修改，只要不改变接口，就不会影响到使用这个对象时编写的代码。11.1.2面向对象的特征2.继承继承是指一个对象继承另一个对象的成员，从而在不改变另一个对象的前提下进行扩展。例如，猫和犬都属于动物，在程序中可以描述猫和犬继承自动物。同理，波斯猫和巴厘猫都继承自猫科，沙皮犬和斑点犬都继承自犬科，它们之间的继承关系如下图所示。11.1.2面向对象的特征在实际开发中，使用继承不仅可以在保持接口兼容的前提下对功能进行扩展，而且可以增强代码的复用性，为程序的修改和补充提供便利。11.1.2面向对象的特征3.多态多态是指同一个操作作用于不同的对象，会产生不同的执行结果。例如，项目中有视频对象、音频对象、图片对象，用户在对这些对象进行增、删、改、查操作时，如果这些接口的命名、用法都是相同的，用户的学习成本就会很低，如果每种对象都有一套对应的接口，则用户就需要学习每一种对象的使用方法，学习成本高。11.1.2面向对象的特征实际上JavaScript被设计为一种弱类型语言（即一个变量可以存储任意类型的数据），就是多态的体现。例如，数字、数组、函数都具有toString()方法，当使用不同的对象调用该方法时，执行结果不同，示例代码如下。varobj=123456;console.log(obj.toString());???//输出结果为：123456obj=[1,2,3,4,5,6]console.log(obj.to