<!DOCTYPE html>

 <html>

     <head>

         <meta charset="UTF-8">

         <title>javascript高级语法17-装饰者模式下</title>

     </head>

     <body>

         <div id="demo2">

         </div>

         <script type="text/javascript">

             //装饰者可以用在类上，也可以用在函数上

             function demo1(){

                 //写一个装饰者函数，函数的目的是把目标函数的返回值变成大写

                 function upperCase(fun){

                     return function(){

                         return fun().toUpperCase();

                     }

                 }

                 //被封装的函数

                 function getDate(){

                     return new Date().toString();

                 }

                 //执行装饰

                 var getDateCaps = upperCase(getDate);

                 document.write(getDate());

                 document.write("<br>")

                 document.write(getDateCaps());

                 /*如果原有的功能不适合你的项目，需要大量扩充原油功能

                  * 并且不想改变原有的接口，那么可以用装饰者模式。

                  */

             }

             //demo1();

             function demo2(){

                 //装饰者完成对函数性能测试的任务

                 var listBuilder = function(el,listSize){

                     this.el = document.getElementById(el);

                     this.size = listSize;

                     //创建列表

                     this.Buildlist = function(){

                         var root = document.createElement("ol");

                         this.el.appendChild(root);

                         for(var i=0;i<this.size;i++){

                             var li = document.createElement("li");

                             root.appendChild(li);

                         }

                     }

                 };

                 var list = new listBuilder("demo2",8000);

                 //list.Buildlist();

                 //利用装饰者检测函数执行的时间

                 var simpleProfiler = function(component){

                     this.component = component;

                     this.ListBuilder = function(){

                         var startDate = new Date().getTime();

                         this.component.Buildlist()

                         var endDate = new Date().getTime();

                         alert(endDate - startDate);

                     }

                 }

                 //new simpleProfiler(list).ListBuilder();

                 //改造为通用的装饰者，可以完成所有函数的效率测试。

                 var simpleProfiler2 = function(component){

                     this.component = component;

                     this.action = function(methodName){

                         var self= this;

                         var method = component[methodName];

                         //如果是函数那就进行装饰

                         if(typeof method == "function"){

                             var startDate = new Date().getTime();

                             method.apply(self.component,arguments);

                             var endDate = new Date().getTime();

                             alert(endDate - startDate);

                         }

                     }

                 }

                 new simpleProfiler2(list).action("Buildlist");

             }

             demo2();

         </script>

     </body>

 </html>

JavaScript设计模式-18.享元模式的更多相关文章

  1. JavaScript设计模式(9)-享元模式

    享元模式 1. 介绍 一种优化模式 适合解决因创建大量类似对象而累积性能问题 javaScript 代码可能很快就用光浏览器的内容,通过把大量独立对象转化为少量共享对象,可以降低运行 Web 应用所需 ...

  2. 再起航，我的学习笔记之JavaScript设计模式16(享元模式)

    ### 享元模式 **享元模式(Flyweight):** 运用共享技术有效地支持大量的细粒度的对象,避免对象间拥有相同内容造成多余的开销. 上回我们在组合模式中创建了文章列表类,这次我们要向不同的文 ...

  3. 深入理解JavaScript系列（37）：设计模式之享元模式

    介绍 享元模式(Flyweight),运行共享技术有效地支持大量细粒度的对象,避免大量拥有相同内容的小类的开销(如耗费内存),使大家共享一个类(元类). 享元模式可以避免大量非常相似类的开销,在程序设 ...

  4. python设计模式之享元模式

    python设计模式之享元模式 由于对象创建的开销,面向对象的系统可能会面临性能问题.性能问题通常在资源受限的嵌入式系统中出现,比如智能手机和平板电脑.大型复杂系统中也可能会出现同样的问题,因为要在其 ...

  5. 乐在其中设计模式(C#) - 享元模式(Flyweight Pattern)

    原文:乐在其中设计模式(C#) - 享元模式(Flyweight Pattern) [索引页][源码下载] 乐在其中设计模式(C#) - 享元模式(Flyweight Pattern) 作者:weba ...

  6. 设计模式之享元模式(Flyweight)摘录

    23种GOF设计模式一般分为三大类:创建型模式.结构型模式.行为模式. 创建型模式抽象了实例化过程,它们帮助一个系统独立于怎样创建.组合和表示它的那些对象.一个类创建型模式使用继承改变被实例化的类,而 ...

  7. 【php设计模式】享元模式

    享元模式其实就是共享独享模式,减少重复实例化对象的操作,从而将实例化对象造成的内存开销降到最低. 享元模式尝试重用现有的同类对象,如果未找到匹配的对象,则创建新对象.我们将通过创建 5 个对象来画出 ...

  8. 【GOF23设计模式】享元模式

    来源:http://www.bjsxt.com/ 一.[GOF23设计模式]_享元模式.享元池.内部状态.外部状态.线程池.连接池 package com.test.flyweight; /** * ...

  9. JS常用的设计模式(16)—— 享元模式

    享元模式主要用来减少程序所需的对象个数. 有一个例子, 我们这边的前端同学几乎人手一本<JavaScript权威指南>. 从省钱的角度讲, 大约三本就够了. 放在部门的书柜里, 谁需要看的 ...

随机推荐

  1. 23 DesignPatterns学习笔记：C++语言实现 --- 2.1 Bridge

    23 DesignPatterns学习笔记:C++语言实现 --- 2.1 Bridge 2016-07-22 (www.cnblogs.com/icmzn) 模式理解  

  2. Tomcat 配置用户认证服务供C#客户端调用

    项目里,遇到的一个小问题来好好的总结一下.因为我们这个项目是用Java写的服务端发布WebService,客户端呢使用C#来调用WebService(本人以前搞过一段时间C#客户端,还总结了一个MVP ...

  3. pageadmin CMS 如何添加自定义页面

    理论上网站上的所有页面都可以通过栏目管理来添加,那自定义页面的意义是什么呢? 网站的需求是很多样化的,比如需要制作一个对外提供数据的api,甚至制作一个搜索页面,或者制作一些数据和栏目没有对应关系的页 ...

  4. C# winform中listview排序

    本文解决方案是采用下面链接中的解决方案.十分感谢这篇文章的作者bright:http://blog.163.com/shensc@126/blog/static/1312896522010614103 ...

  5. BZOJ 3110 [Zjoi2013]K大数查询 （CDQ分治+树状数组）

    题目描述 有N个位置,M个操作.操作有两种,每次操作如果是1 a b c的形式表示在第a个位置到第b个位置,每个位置加入一个数c如果是2 a b c形式,表示询问从第a个位置到第b个位置,第C大的数是 ...

  6. 递归实现快速幂（C++版）

    快速幂是什么? 顾名思义,快速幂就是快速算底数的n次幂.其时间复杂度为 O(log₂N), 与朴素的O(N)相比效率有了极大的提高. 就以a的b次方来介绍: 把b转换成二进制数,该二进制数第i位的权为 ...

  7. 编程开发之--java多线程学习总结（2）同步代码块

    1.第一种解决办法:同步代码块,关键字synchronized package com.lfy.ThreadsSynchronize; /** * 1.使用同步代码块 * 语法: synchroniz ...

  8. string容器的简单实现

    1.业务使用main.cpp #include "pch.h" #include <iostream> int main() { mystring s1;//无参构造函 ...

  9. Spring Boot 笔记汇总

    使用IDEA搭建Spring Boot入门项目 从零开始完整搭建 Spring-Boot 项目开发框架的教程 IDEA通过Maven WebApp archetype 创建Spring boot项目骨 ...

  10. 【APUE】第3章 文件I/O (1)

    1.文件描述符 对于内核来说,所有打开的文件都通过文件描述符来引用.文件描述符是一个非负整数.当打开一个现有的文件或者创建一个新文件时,内核向进程返回一个文件描述符.当读.写一个文件时,使用open或 ...