javaScript面向对象(一).ppt

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