javascript专题javascript面向对象上

javascript专题javascript面向对象上

ID:39968849

大小:291.50 KB

页数:17页

时间:2019-07-16

javascript专题javascript面向对象上_第1页
javascript专题javascript面向对象上_第2页
javascript专题javascript面向对象上_第3页
javascript专题javascript面向对象上_第4页
javascript专题javascript面向对象上_第5页
资源描述:

《javascript专题javascript面向对象上》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、JavaScript专题—JavaScript面向对象上姜昊ITCAST签约讲师本讲概述通过本讲的学习你将学到:JS中的对象JS中继承对象成员window对象作用域链引言在Java语言中有一句非常著名的话EverythingisObject。在JS中也是一样,所有的东西都是对象。对象是一切的基础,在本讲中首先给大家介绍下什么是对象。JS中的对象对象就是包含一组变量和函数的集合实例。通常对象由类派生而来,而类定义了对象拥有的属性和方法。如果你的脚本都是对象之间的交互操作那么就可以说这个脚本是面向对象的脚本。JavaScript是一种基于原型(

2、prototype)的面向对象的语言,没有类的概念,所有的一切都派生自现有对象的一个副本。JavaScript中的对象分为以下2类:Function对象,例如alert()函数可以使用参数改变此类对象的功能如alert(“abc”)Object对象,这类对象无法像Function类对象那样调用,而且具有固定的功能。如:varobj=newObject();obj(“abc”);//会报错,因为obj不是Function类型的对象Function类型对象也分为2类:Function实例,例如alert(),可以使用参数来调用。做为构造函数的F

3、unction,必须通过new关键字来进行实例化。为了提高使用效率,JavaScript提供了下列内置对象。Object是通用基础对象,可以使用它来创建简单的静态对象。其简写是{}。Function是被所有使用参数的对象复制的对象,也是在脚本中定义函数时所创建的对象,其简写是function(){}。Array是一种特殊的属性和方法的集合,比如使用它的length属性可以迭代操作这类对象,使用方括号加序号也可以访问它的属性。其简写是[]。String、Boolean、Number分别用来表示字符串、布尔值、数字。除此之外还有Math、Dat

4、e、RegExp及其他内置对象。所有的内置对象都可以通过new关键字或其简单语法形式来建对象。如:varobj=newObject();等同于varobj={};vararry=newArray();等同于vararry=[];其他的就不做举例了继承继承是面向对象中重要的组成部分。当创建自己的对象时你可以扩展或继承现有对象的属性和方法。继承为重用对象提供了便捷的途径,这样你就可以把精力完全集中于新的改进代码中。与传统的面向对象语言不同,JavaScript是基于原型的面向对象这就导致无法从一个类扩展出另一个类的底层类结构。在JS中继承是通过

5、简单的从一个对象原型向另一个对象原型复制方法而实现的。functioninit(){varperson={};//等同于varperson=newObject();person.getName=function(){alert("personname");};person.getAge=function(){alert("personage");};//创建另一个对象varstudent={};student.getStuNum=function(){alert("studentstuNum");};//创建其本身的方法student.ge

6、tName=person.getName;person.getName=function(){alert("person1name");};student.getAge=person.getAge;student.getName();person.getName();}对象是什么?数组的两种实现方案顺序数组、散列数组(key,value)对象=关联数组=属性包=存储体对象只有成员访问操作原型/对象属性包原型只存在于function中,它实质就是一个对象被创建后引擎默认创建一个空的prototype对象,既然对象是属性包那么原型也就是一个属性

7、包。原型中读的时候从原型链上读,写的时候往自己里面写。functionObect2(){}functionObject3(){}Object3.prototype=newObject2();Object.propertype.foo=…aObj=newObject3();aObj.foo()Object2.prototype.foo=…aObj.foo();对象成员你已经理解了一些简单的老函数如alert(),但是当你使用document的body属性或者document的getElementById()方法时,你时在访问document对

8、象的一个成员。以上属性和方法都被称为对象的成员,因为他们都从属于父对象,这个父对象就是上面例子中的document。其中body时属性getElementById是方法。实际上属

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。