js_高级_面向对象编程案例---理解面向对象编程思想很重要

1、使用面向对象的方式来做这个案例---注意：面向对象是面向过程的封装，不是完全替代了面向过程

案例一：随机生成小方块

　　思考：1、这个案例里可以抽象出哪些对象---方块对象

　　　　　2、随机生成颜色、随机生成位置　---生成随机数--封装成函数，封装成函数比较散，为了方便管理，把不同功能的函数封装在不同对象的方法中-----工具对象

　　　　所以这个项目会有2个对象

　　　　方块对象 + 工具对象（封装很多功能函数）

　　　　方块对象有很多，这些对象都很类似，所以我们可以通过构造函数的方式来创建对象：批量创建相似类型的对象。

　　　　工具对象在整个项目中只有一个，所以直接用创建普通对象的方式来创建工具对象就行。

　　　　代码实现：

　　　　1、创建工具对象---对象的方法来封装些功能（生成随机数）

　　　　2、创建方块对象

　　　　　　a、创建构造函数

　　　　　　b、分析方块对象的成员---即构造函数的属性、方法（无对错，只有合适不合适）：

　　　　　　　　属性：方块的背景颜色、方块的大小、方块的坐标、

　　　　　　　　方法：随机生成自己的坐标

　　　　　3、随机生成方块的调用---实现随机生成方块

案例二：贪吃蛇游戏

　　　第一步：看哪些可以抽象成对象（物、事都可以抽象成对象）

　　　　　　　　蛇 + 食物（物）、游戏对象（事）控制游戏的逻辑

　　　第二步：创建对象（构造函数、对象成员）

　　　　先写最简单的对象

　　　　a、食物：有哪些成员 ---（属性）坐标大小颜色 + （方法）随机创建一个食物对象，并显示在界面上

　　　　随机生成食物的坐标的x、y的范围

　　　　　　蛇遇到食物之后要删除食物

　　　　　　　把之前写的代码都放在一个自调用函数中，避免全局污染

　　　　b、蛇对象

　　　　c、游戏对象

3、贪吃蛇游戏的优化

　　　　合并js文件：每一个文件访问的时候都会建立一个连接，这样我们的访问网页的速度也会变慢，我们最后上线的时候打包合成一个js文件，这样可以提高网页的访问速度

　　　　压缩（文件体积小，下载速度会快些，别人在访问网页时会快些）：压缩注释、换行、参数变量名------项目开发时一般会有压缩工具的

4、函数的bind

5、自调用函数的问题

转载于:https://www.cnblogs.com/yangyutian/p/10934458.html

js_高级_面向对象编程案例---理解面向对象编程思想很重要相关推荐

js_高级_表格排序案例---分别用面向过程和面向对象实现
点击表单每列的title可以实现排序功能(从大到小,从小到大) 1.面向过程方式 2.面向对象实现以命令者的角度去考虑自己要这个类有什么功能,封装在类里面后自己可以直接调用然后再去写功能的具体 ...
arcgispython编程案例_ArcGIS Python编程案例(1)-Python语言基础
Python支持大部分在其他语言中出现的编程结构.在本章内容中,我们将会涉及到许多Python支持的编程结构.我们将会首先介绍如何创建一个新的Python脚本以及如何修改已有脚本.之后我们将深入了解P ...
arcgis python编程案例-ArcGIS Python编程案例-电子资料链接
ArcGIS Python编程案例(1)-Python语言基础 https://www.jianshu.com/p/dd90816d019b ArcGIS Python编程案例(2)-使用ArcPy编 ...
js_高级_对象、面向对象、构造函数、实例对象、原型、原型链
1.什么是对象汽车不是对象是是一类事物,一辆汽车是对象. 2.什么是面向对象 3.面向对象的特点案例来理解面向过程和面向对象---打印出学生的成绩表面向过程:如何做这件事情 ,把事情拆成 ...
python网络编程案例_Python 网络编程_python网络编程基础_python高级编程
Python 网络编程 Python 提供了两个级别访问的网络服务.: 低级别的网络服务支持基本的 Socket,它提供了标准的 BSD Sockets API,可以访问底层操作系统Socket接口的 ...
c++中recvfrom函数_通俗易懂：快速理解网络编程中5种IO模型
关于IO模型,就必须先谈到几个日常接触的几个与IO相关名字:同步,异步,阻塞,非阻塞. 名词解释同步如果事件A需要等待事件B的完成才能完成,这种串行执行机制可以说是同步的,这是一种可靠的任务序列, ...
计算机编程术语理解,计算机编程常用术语中英对照
计算机编程常用术语中英对照 A A -Z Zﻫ 目录计算机编程常用术语 A-Z A 误错ﻩ 错误! 未定义书签. B 7 ﻩC 误错ﻩ 错误! 未定义书签. D .................. ...
python网络编程案例_python网络编程实例简析
本文实例讲述了python网络编程,分享给大家供大家参考. 具体方法如下: 服务端代码如下: from SocketServer import(TCPServer as TCP, StreamRequ ...
【Scratch案例实操】scratch星际迷航 scratch编程案例教学少儿编程教案
scratch星际迷航案例介绍宇宙空间的探索是我们国家一直以来都在努力发展的科学前言,我们已经能够实现将宇航员送往外太空进行科考工作,同时考查完毕之后可以将宇航员顺利的带回地球,我们今天这个案例就 ...

js_高级_面向对象编程案例---理解面向对象编程思想很重要

js_高级_面向对象编程案例---理解面向对象编程思想很重要相关推荐

最新文章

热门文章