码迷,mamicode.com
首页 > 编程语言 > 详细

《JavaScript设计模式》读书笔记——Day3

时间:2016-10-12 22:30:16      阅读:169      评论:0      收藏:0      [点我收藏+]

标签:

一上来写了一个200多行快300行的demo。。结果给我报错,调试半天也没弄好,哎。。

先把这个享元模式说了吧~大概的意思就是说当几个对象之间有相同的动作的时候,一个一个去创建那么必定会造成大量的占据内存,将它们共有的方法提取出来,共享一个对象,这样就节约了内存,提高了响应的速度啦,来,上栗子!

// 享元动作
var FlyWeight = {
    moveX : function ( x ) {
        this.x = x;
    },
    moveY : function ( y ) {
        this.y = y;
    }
};
// 人物移动方法
var Player = function ( x ,y ,c ) {
    this.x = x;
    this.y = y;
    this.color = c;
};
Player.prototype = FlyWeight;
Player.prototype.changeC = function ( c ) {
      this.color = c;
};
// 精灵移动方法
var Spirit = function ( x ,y ,r ) {
    this.x = x;
    this.y = y;
    this.r = r;
};
Spirit.prototype = FlyWeight;
Spirit.prototype.changeR = function ( r ) {
    this.r = r;
};
// 创建人物
var player = new Player( 5 , 6 , ‘red‘ );
console.log ( player );
player.moveX( 6 );
player.moveY( 5 );
// 创建精灵
var spirit = new Spirit( 7 , 5 , 5 );
console.log (spirit );
spirit.moveX( 6 );
spirit.moveY( 5 );
spirit.changeR( 5 );

其中人物移动和精灵移动的prototype都指向了FlyWeight这个对象,这就是享元对象的模式,让他们的prototype都指向同一个对象。

接下来就是第四篇了。。越来越难理解啦...

 

《JavaScript设计模式》读书笔记——Day3

标签:

原文地址:http://www.cnblogs.com/luohaoran/p/5954237.html

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