A-A+

原型,继承,设计模式,

2016年04月21日 JavaScript 暂无评论 阅读 62 次

原型,继承,设计模式:

  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>Document</title>
  6.     <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
  7.     <style>
  8.         #div1{width:100%;height:100%;}
  9.         #ul1 li.active{background: red}
  10.     </style>
  11. </head>
  12. <body>
  13. <script>
  14. var _this;
  15.     function Game(json){
  16.         _this = this;
  17. this.json=json||{};
  18. this.aa=this.json.aa;
  19. this.bb=this.json.bb;
  20.     }
  21. //    Game.prototype.isTrue=function(){
  22. //      return true;
  23. //    };
  24. //    Game.prototype.getBB=function(){
  25. //        alert(this.bb);
  26. //    };
  27. //    Game.prototype.getCC=function(){
  28. //       _this.getBB();
  29. //    };
  30. //方法二:
  31.     Game.prototype ={
  32.         constructor :Game,
  33.         isTrue :function(){
  34. return true;
  35.         },
  36.         getBB:function(){
  37.             alert(this.bb);
  38.         },
  39.         getCC:function(){
  40.             console.log(this.__proto__.getBB);
  41. if(this.isTrue){
  42.                 _this.getBB();
  43.             }
  44.          }
  45.     };
  46.     var obj= new Game({aa:'haha',bb:'heihei'});
  47. obj.getCC();
  48. ////方法二 :
  49.     obj.getDD=function(){
  50.         alert(1);
  51. //        console.log(this);
  52. if(this.isTrue){
  53. this.getBB();
  54.         }
  55.     };
  56. //    obj.getDD();
  57. //console.log(obj);
  58. </script>
  59. <script src="http://connect.qq.com/widget/loader/loader.js" widget="shareqq" charset="utf-8"></script>
  60. </body>
  61. </html>
标签:

给我留言

Copyright © web前端技术开发个人博客 保留所有权利  京ICP备14060653号 Theme  Ality

用户登录