javaScript面向对象PPT课件

第一讲,javaScript面向对象编程,.,2,概述1.JS中的对象2.JS中的继承3.对象成员4.window对象5.作用域链,.,3,引言在java语言中有一句非常著名的话EverythingisObject。在JS中也是一样，所有的东西都是对象。对象是一切的基础，在本讲中首先给大家介绍下什么是对象JS中的对象对象就是包含一组变量和函数的集合实例通常对象是由类派生而来，而类定义了对象拥有的属性和方法。如果你的脚本都是对象之间的交互操作那么就可以说这个脚本是面向对象的脚本JavaScript是一种基于原型(prototype)的面向对象的语言，它没有类的概念，所有的一切都是派生自现有对象的一个副本JavaScript中有关面向对象的特性是通过原型(prototype)来实现的,.,4,JavaScript中的对象分为以下2类1.Function对象,例如alert()函数可以使用参数改变此对象的功能:alert(abc);2.Object对象,这类对象无法像Function类对象那样调用，而且具有固定的功能如:varobj=newObject();obj(abc);/会报错，因为obj不是Function类型的对象3.Function类型对象又分为2类:a.Function实例，例如alert(),可以使用参数来调用b.作为构造函数的Function,必须通过new关键字来进行实例化,.,5,4.为了提高使用效率,JavaScript提供了下列内置对象a.Object是通用基础对象，可以使用它来创建简单的静态对象，其简写为b.Function是所有带参对象复制出的对象，也是在脚本中定义函数时所创建的对象，其简写为function()c.Array是一种特殊的属性和方法的集合，比如使用它的length属性可以迭代操作这类对象，使用方括号加序号也可以访问它的属性。其简写为。d.String、Boolean、Number分别用来表示字符串、布尔值、数字。e.除此之外还有Math、Date、RegExp及其他内置对象f.所有的内置对象都可以通过new关键字或其简单的语法形式来建对象如:varobj=newObject();等同于varobj=;vararray=newArray();等同于vararray=;,.,6,继承继承是面向对象中重要的组成部分，当创建自己的对象时你可以扩展或者继承现有对象的属性和方法。继承为重用对象提供了便捷的途径，这样你就可以把精力完全集中于新的改进代码中。与传统的面向对象语言不同，JavaScript是基于原型的面向对象，这就导致无法从一个类扩展出另一个类来。在JS中继承是通过简单的从一个对象原型向另一个对象原型复制的方式实现的原型/对象属性包1.原型只存在于function型对象中，它实质就是一个对象被创建后引擎默认为它创建的一个空的prototype对象，即一个空的属性包2.function类型对象是一种特殊的Object对象(扩展自Object对象的一个实例)因此我们在创建一个function类型对象时，就会将Object对象赋给Ototype原型上如:functionObject2()此时相当于创建了一个Object2对象，并且会有Ototype=newObject();3.在原型中读的时候是从原型链上读，写的时候往自己里面写,.,7,原型链案例讲解,.,8,window对象1.我们写的大部分方法都是隶属于window对象的，比如:functionmyFunction(message)alert(message);2.该方法实际上都是全局window的对