文档详情

JS基础实战课件08_JavaScript的面向对象.pptx

发布:2024-12-07约2.95千字共20页下载文档
文本预览下载声明

JavaScript的面向对象;;在数据类型中我们提到还有一种特别的类型:对象类型。

对象类型涉及到JavaScript的各个方面,所以掌握对象类型非常重要;

对象类型是一种存储键值对(key-value)的更复杂的数据类型;

为什么需要对象类型呢?

基本数据类型可以存储一些简单的值,但是现实世界的事物抽象成程序时,往往比较复杂;

比如一个人,有自己的特性(比如姓名、年龄、身高),有一些行为(比如跑步、学习、工作);

比如一辆车,有自己的特性(比如颜色、重量、速度),有一些行为(比如行驶);

这个时候,我们需要一种新的类型将这些特性和行为组织在一起,这种类型就是对象类型。

对象类型可以使用{…}来创建的复杂类型,里面包含的是键值对(“key:value”);

键值对可以是属性和方法(在对象中的函数称之为方法);

其中key是字符串(也叫做属性名propertyname,ES6之后也可以是Symbol类型,后续学习);

其中value可以是任意类型,包括基本数据类型、函数类型、对象类型等;

;对象的创建方法有很多,包括三种:

对象字面量(ObjectLiteral):通过{}

newObject+动态添加属性;

new其他类;

目前我们主要掌握对象字面量的方式,后续我们学习其他两种方式。

属性之间是以逗号(comma)分割的;

对象的使用过程包括如下操作:

访问对象的属性;

修改对象的属性;

添加对象的属性;

删除对象的属性;;访问对象的属性;

修改对象的属性;

添加对象的属性;

删除对象的属性:delete操作符

;为什么需要使用方括号呢?

对于多次属性来说,JavaScript是无法理解的。

这是因为点符号要求key是有效的变量标识符

不包含空格,不以数字开头,也不包含特殊字符(允许使用$和_);

这个时候我们可以使用方括号:

方括号运行我们在定义或者操作属性时更加的灵活;;练习一:商品对象

练习二:手机对象

练习三:用户对象

作业:思考日常生活或者开发中都会有哪些对象?;对象的遍历(迭代):表示获取对象中所有的属性和方法。

Object.keys()方法会返回一个由一个给定对象的自身可枚举属性组成的数组;

遍历方式一:普通for循环

遍历方式二:forin遍历方法;我们知道程序是需要加载到内存中来执行的,我们可以将内存划分为两个区域:栈内存和堆内存。

原始类型占据的空间是在栈内存中分配的;

对象类型占据的空间是在堆内存中分配的;

;原始类型的保存方式:在变量中保存的是值本身

所以原始类型也被称之为值类型;

对象类型的保存方式:在变量中保存的是对象的“引用”

所以对象类型也被称之为引用类型;;现象一:两个对象的比较

现象二:引用传递和值传递的内存区别

;在常见的编程语言中,几乎都有this这个关键字(Objective-C中使用的是self),但是JavaScript中的this和常见的面向对象语言中的this不太一样:

常见面向对象的编程语言中,比如Java、C++、Swift、Dart等等一系列语言中,this通常只会出现在类的方法中。

也就是你需要有一个类,类中的方法(特别是实例方法)中,this代表的是当前调用对象;

但是JavaScript中的this更加灵活,无论是它出现的位置还是它代表的含义;

我们来看一下编写一个obj的对象,有this和没有this的区别:

;目前掌握两个this的判断方法:

以默认的方式调用一个函数,this指向window;

通过对象调用,this指向调用的对象;

后续我们还会学习其他,也会给大家总结this的规律;

;我们来思考一个问题:如果需要在开发中创建一系列的相似的对象,我们应该如何操作呢?

比如下面的例子:

游戏中创建一系列的英雄(英雄具备的特性是相似的,比如都有名字、技能、价格,但是具体的值又不相同)

学生系统中创建一系列的学生(学生都有学号、姓名、年龄等,但是具体的值又不相同)

当然,一种办法是我们创建一系列的对象:

这种方式有一个很大的弊端:创建同样的对象时,需要编写重复的代码;

我们是否有可以批量创建对象,但是又让它们的属性不一样呢?

;我们可以想到的一种创建对象的方式:工厂函数

我们可以封装一个函数,这个函数用于帮助我们创建一个对象,我们只需要重复调用这个函数即可;

工厂模式其实是一种常见的设计模式;;工厂方法创建对象有一个比较大的问题:我们在打印对象时,对象的类型都是Object类型

但是从某些角度来说,这些对象应该有一个他们共同的类型;

下面我们来看一下另外一种模式:构造函数的方式;

我们先理解什么是构造函数?

构造函数也称之为构造器(constructor),通常是我们在创建对象时会调用的函数;

在其他面向的编程语言里面,构造函数

显示全部
相似文档