<!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. shell 脚本 查看班上同学的网络状态

    #!/bin/base # a=192.168.100. //定义变量 c=('王浩' '谢云生' '黄科杨' '何星宇' '张宸兵' '胡燕' '刘桃') //定义数组 for b in {101. ...

  2. delphi跨平台SOCKET--System.Net.Socket

    delphi跨平台SOCKET--System.Net.Socket 不知始于DELPHI哪一个版本,姑且始于柏林版吧. 基于此单元的TSocket类,大家可以很方便地封装出自己的服务端和客户端的SO ...

  3. Android-画板

    在上一篇博客,Android-图像原理/绘制原理,讲解到绘图原理中,画布 + 画笔

  4. Mahout学习资料

    Apache Mahout 简介 http://www.ibm.com/developerworks/cn/java/j-mahout/ 从源代码剖析Mahout推荐引擎 http://blog.fe ...

  5. 批判“await使用中的阻塞和并发”——对asyc/await这对基友的误会和更正

    写第一篇<await使用中的阻塞和并发>的时候还自信满满,觉得写的真不错,结果漏洞百出…… 更正第二篇<await使用中的阻塞和并发(二)>的时候觉得这回不会再错了…… 结果我 ...

  6. 【OCP-12c】2019年CUUG OCP 071考试题库（78题）

    78.View the exhibit and examine the structure of the CUSTOMERStable. Which two tasks would require s ...

  7. python 将列表嵌套字典的unicode字符串转换为str格式的字符串的方法

    今天在进行django开发的过程中遇到了一个非常棘手的问题, 因为需求原因, 需要将一份数据存为json格式到数据库中, 如下面这种格式: list_1 = [{"name":&q ...

  8. 《快学Scala》第二章 控制结构和函数

  9. [Swift实际操作]七、常见概念-(12)使用DispatchGroup(调度组)管理线程数组

    本文将为你演示调度组的使用,使用调度组可以将多个线程中的人物进行组合管理,可以设置当多个相同层次的任务完成之后,再执行另一项任务. 首先导入需要使用的界面工具框架 import UIKit 在控制台输 ...

  10. 敏感词过滤的算法原理之DFA算法

    参考文档 http://blog.csdn.net/chenssy/article/details/26961957 敏感词.文字过滤是一个网站必不可少的功能,如何设计一个好的.高效的过滤算法是非常有 ...