1 / 45
文档名称:

Javascript 面向对象.pptx

格式:pptx   大小:337KB   页数:45页
下载后只包含 1 个 PPTX 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

Javascript 面向对象.pptx

上传人:mh900965 2017/12/31 文件大小:337 KB

下载得到文件列表

Javascript 面向对象.pptx

文档介绍

文档介绍:Javascript 面向对象的程序设计
第一节理解对象
一、什么是面向对象
什么是对象
ECMA-262把对象定义为:“无序属性的集合,其属性可以包含基本值、对象或者函数。”
什么是面向对象
使用对象时,只关注对象提供的功能,不关注其内部细节
面向对象编程的特点
封装—不考虑内部实现,只考虑功能使用
继承—从已有对象上,继承出新的对象
多态
面向对象的语言有一个标志,那就是他们都有类的概念。而通过类可以创建任意多个具有相同属性和方法的集合,下面是一个java语言面向对象的实例。
public class Person
{
private String name;
private String sex;

public Person() { }
public Person(String name,String sex) {
= name;
= sex;
}

public String getName() {
return name;
}
public void setName(String name) {
= name;
}
public String getSex() {
return sex;
}
public void setSex(String sex) {
= sex;
}

public static void main(String[] args) {
Person person1 = new Person("Tom","男");
("名字是:"+person1. getName());
}
}
对象的构成:属性、方法
区别:属性—变量、方法—函数
<script>
var a = 2; //---属性
alert();
alert(a); //2
var arr = [1,2,3,4];
= 12; //---变量
alert(); //12
function show() //---函数
{
alert('a');
}
show(); //a
= function() //-方法
{
alert('b');
};
(); //b
</script>
变量与属性的区别
变量和属性是同一个东西,只不过变量没有所属关系,是自由的。而属性是属于一个对象的。同理,方法与函数的区别也是如此。
第一个面向对象的程序
为对象添加方法和属性
<script>
var arr = new Array(1,2,4,5);
= function(){
alert(this); //this是谁?
};
();
</script>
?事件处理中的this的本质
This关键字的解析
<script>
var arr = new Array(1,2,4,5);
= function()
{
alert(this); // 1,2,4,5 this是指当前的方法是属于谁
};
();
= function()
{
alert(this); //这里的this指谁发生事件(给div添加事件,本质上是给div添加一个方法)
}
</script>
事件处理中的this的本质是:当前方法属于谁
二、Object类型
概念: ECMAScript中的对象其实就是一组数据和功能的集合。
引用类型的值(对象)是引用类型的一个实例。在ECMAScript中,引用类型是一种数据结构,用于将数据和功能组织在一起。
新对象是使用new操作符后跟一个构造函数来创建的。而创建Object类型的实例并为其添加属性和(或)方法,就可以创建自定义对象。
如下所示:
var o = new Object();

仅仅创建Object的实例并没有什么用处,但关键是要理解一个重要的思想:即在ECMAScript中,Object类型是所有他的实例的基础
Object的每个实例都具有下列属性和方法:
1. constructor——保存着用于创建当前对象的函数。对于前面的例子而言,构造函数(constructor)就是Object();
()——返回对象的字符串表示。
()——返回对象的字符串、数值或布尔值表示。通常与toString()方法的返回值相同。
.