<!DOCTYPE html>

 <html>

     <head>

         <meta charset="UTF-8">

         <title>javascript高级语法2-高级类</title>

     </head>

     <body>

         <script>

     /*

             //在js中利用function来定义类。

             function Shape(){

                 var x=1;

                 var y=2;

             }

             //实例化对象；

             var a = new Shape();

             // 在类的内部用var定义的是私有变量。如何定义共有变量呢？

             function Shape2(){

                 this.x = 1;

                 this.y = 2;

             }

             var b = new Shape2();

             //this代表的是当前的实例。

             alert(a.x);  //undefined

             alert(b.x);  //1

             //除了定义私有变量外 还可以用var定义私有函数。

             function Shape3(){

                 var show=function(){

                     //私有函数

                 }

                 this.show2 = function(){

                     //公有函数

                 }

             }

             //用js模仿oop编程

              function Shape4(x,y){

                  var a = 0,b = 0;

                  //模仿oop编程的构造函数

                  var init = function(){

                      a = x;

                      b = y;

                  };

                  init();

                  this.getX = function(){

                      return a;

                  }

              }

               var d = new Shape4(2,4);

               alert(d.getX());

               // js中的静态方法是作用到类身上的，而不是对象上

               function Person(){this.str = "zhangdan"}

               //静态变量

               Person.age = 10;

               Person.show = function(obj){

                   return obj.str

               }

               alert(Person.show(new Person()));

              //简单类定义方法

              var a = {};

              var array = [];

              a["name"] = "zhangdan";

              alert(a.name);

    */

                 //自定义map类

                 function jMap(){

                     //私有变量

                     var arr= {};

                     //增加

                     this.put = function(key,value){

                         arr[key] = value;

                     }

                     //查询

                     this.get = function(key){

                         if(arr[key]){

                             return arr[key]

                         }else{

                             return -1

                         }

                     }

                     //删除

                     this.remove = function(key){

                         delete arr[key]

                     }

                     //遍历

                     this.eachMap = function(fn){

                         for(var key in arr){

                             fn(key,arr[key]);

                         }

                     }

                 }

                 var country =new jMap();

                 country.put("01","zg");

                 country.put("02","tg");

                 country.put("03","mg");

                 country.put("04","jnd");

 //              alert(country.get("01"));

                 country.eachMap(function(key,value){

                     document.write(key+"-->"+value+"<br/>");

                 })

         </script>

     </body>

 </html>

JavaScript设计模式-2高级类.的更多相关文章

  1. javascript设计模式-掺元类

    有一种重用代码的方法不需要用到严格的继承.如果想把一个函数用到多个类中,可以通过扩充的方式让这些类共享该函数.其实际做法大大体为:先创建一个包含各种通用方法的类,然后再用它扩充其他的类.这种方式就叫做 ...

  2. 《JavaScript设计模式 张》整理

    最近在研读另外一本关于设计模式的书<JavaScript设计模式>,这本书中描述了更多的设计模式. 一.创建型设计模式 包括简单工厂.工厂方法.抽象工厂.建造者.原型和单例模式. 1)简单 ...

  3. JavaScript的学习--JavaScript设计模式的总结

    这篇博客只是自己对设计模式的理解的备忘~ 看完了<JavaScript设计模式>这本书,一直没有写博客记录一下,最近抽出时间来重读了一下,就顺便记录一下~ 如果你只是想粗略了解一下Java ...

  4. JavaScript设计模式-单例模式、模块模式（转载 学习中。。。。）

    (转载地址:http://technicolor.iteye.com/blog/1409656) 之前在<JavaScript小特性-面向对象>里面介绍过JavaScript面向对象的特性 ...

  5. 转载,javascript 设计模式

    了解JavaScript设计模式我们需要知道的一些必要知识点:(内容相对基础,高手请跳过) 闭包:关于闭包这个月在园子里有几篇不错的分享了,在这我也从最实际的地方出发,说说我的理解. 1.闭包最常用的 ...

  6. 【JavaScript设计模式系列---开篇预览】

    转:http://www.cnblogs.com/Darren_code/archive/2011/08/31/JavascripDesignPatterns.html 2011-08-31 23:5 ...

  7. JavaScript设计模式_01_单例模式

    最近项目不太忙,难得有时间看看书,平时挺喜欢js这门语言.也看过很多高级教程,觉得自己还是比较热衷于js的设计模式.这一次重温一下<JavaScript设计模式与开发实践>,开篇为单例模式 ...

  8. 再起航，我的学习笔记之JavaScript设计模式11(外观模式)

    经过一段时间的学习与分享,我们对创建型设计模式已经有了一定的认识,未来的一段时间里我们将展开新的篇章,开始迈入结构性设计模式的学习. 结构性设计模式与创建型设计模式不同,结构性设计模式更偏向于关注如何 ...

  9. Javascript设计模式(1)

    本文是学习了<JavaScript设计模式>(谢廷晟 译)做的学习笔记 一.JavaScript的灵活性 1. 普通 functon function startAnimation() { ...

随机推荐

  1. CYUSB3014芯片使用EEPROM无法下载固件说明

    当使用128KB的EEPROM存储CYUSB3014芯片的固件时,需要注意,不同厂家的EEPROM存储器,其A0.A1.A2功能不一样,在设计时电路也不一样.Microchip对应的128KB的EEP ...

  2. mysql 统计一个字符在字符串中出现的次数

    CREATE  FUNCTION `str_pcount`(str varchar(255),p varchar(255)) RETURNS int(11)BEGIN    #统计一个字符在字符串中出 ...

  3. SQL -- What Tables Queries are Used to Display the Counts in the Inventory Account Periods form (INVTTGPM.fmb) (Doc ID ID 357997.1)

    Applies to: Oracle Inventory Management - Version 11.5.9 to 12.1.3 [Release 11.5 to 12.1] Informatio ...

  4. XML--使用XML来将字符串分隔成行数据

    DECLARE @xml XML SET @xml=CAST(REPLACE('<ROOT><X>'+'AA,AB,AC,AD'+'</X></ROOT> ...

  5. Hello World 之 CGAL

    CGAL有神秘的面纱,让我不断想看清其真面目.开始吧! 1 Three Points and One Segment 第一个例子是创建3个点和一条线段,并且在其上进行一些操作. 所有的CGAL头文件都 ...

  6. await使用中的阻塞和并发（二）

    本文继续上篇未完成的讨论,通过将Lambda还原成最普通的代码段,来解释上篇提出的疑问.并更正上篇中一些不太正确的写法.最后会给出无需等待Async方法返回值时,对Async方法使用await的建议, ...

  7. JVM垃圾收集器（1）

    此文已由作者赵计刚薪授权网易云社区发布. 欢迎访问网易云社区,了解更多网易技术产品运营经验. 说明:垃圾回收算法是理论,垃圾收集器是回收算法的实现,关于回收算法,见<第四章 JVM垃圾回收算法& ...

  8. 构造函数(JAVA)

    构造函数 :是一种特殊的方法,主要用来在创建对象时初始化对象, 即为对象成员变量赋初始值,总与new运算符一起使用在创建对象的语句中. 特别的一个类可以有多个构造函数 ,可根据其参数个数的不同或参数类 ...

  9. 获取BinaryReader中读取的文件名

    BinaryReader br; br = null; br = new BinaryReader(new FileStream("E:demo.txt", FileMode.Op ...

  10. 为何会有Python学习计划

    近几年感觉自己需要不断充电,从网上找寻技术潮流前端时Python映入眼帘,未来的技术,Python应该很有市场. 于是,以很低的成本从网上找到相关最新学习资料,希望自己未来的路,能坚持与书为伴,不断攀 ...