左右方块消除html5,html5消除方块游戏总结-对象

在短短2周内，做了2个项目，虽然时间很紧凑，很累，但我觉得这很充实，在每次的实战项目演练过程中都能发现许多平常不遇到的问题，也只有实际操作项目，才能让我所学知识活学活用，并且能够更快的适应实际工作中的项目。

这周做的是一个小游戏，一个小人物根据相同的颜色来消除方块的项目，虽然做游戏的时间很短暂，但我觉得我收获颇丰，不断的学习，让我觉得更踏实，虽然累，我也觉得很值得，这次项目主要让我们理解和使用面向对象编程这个概念。

对象是一个抽象的概念，是一种面对人的思维方式，人有特征，就如对象里的属性，而人有行为，就如对象里的方法；

但是怎样理解一个抽象的东西呢，在我理解看来对象就像是汽车厂里的图纸，他只是一种概念性东西，只能提供思路，让我们有一个明确方向，而要让对象实则化--即产生实例就需要new一个，这是js里对象产生实例对重要一点，我们通常叫new一个(var objs = new obj())；这里的实例就像是汽车厂里的每个车间生产的零件一样，根据图纸来生产出各种零件，但是光有图纸是不能够产生零件的，这里就还需要一个最重要的东西，那就是产生这个零件所需要的机器，这个机器就类似于js里面的原型，这是产生实例的一个重要工具。

那么在js里，如何产生实例呢？在这里，就需要用原型命令了(obj.prtottype.属性)；

所以，对象-原型-实例 这三者之间的关系就很直观了，也容易理解。

这次游戏在学习除了面向对象以外，还学习了其中面向对象最重要一个就是-继承

何为继承，继承就是对我们对象里重复的属性代码进行一个封装，可以充分利用资源的扩展性和重用性；

设定为父元素，然后当有子元素时，子元素就继承父元素里面的一些属性，这里有两种方法进行操作：

1. 对象冒充法(要检验是否是真正的子元素只需在后面打印：obj.instanceof 父元素)；

name， age是父元素的属性；

1. 方法1：

1. this.inhert=obj；

2. this.inhert(name, age);

3. delete this.inhert;

2. 方法2：obj.call(this,name,age)

3. 方法3：obj.apply(this,[name,age])

4. call和apply差别就是最后传递参数的差别，一个是数组 一个是逗号隔开；

2. 真实继承法

1. 子元素.prototype = new 父元素