码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2015-07-18 22:33:55      阅读:225      评论:0      收藏:0      [点我收藏+]

标签:

  在短短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 父元素

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

标签:

原文地址:http://www.cnblogs.com/gong-ping/p/4657412.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!