码迷,mamicode.com
首页 > Web开发 > 详细

js 设计模式&&query

时间:2019-05-18 00:33:13      阅读:169      评论:0      收藏:0      [点我收藏+]

标签:定义   单例   document   return   func   png   属性的方法   遇到   错误处理   

1. 语法:    

    try{
          //需要执行的代码
     }catch(e){
          //错误处理 e程序遇到错误时的报错信息
     }
2.惰性函数:
  函数在第一次被调用时会根据某些条件进行分支处理,在分支中重新定义函数,以后每次在进行调用函数时,不再进行判断
技术图片

 

惰性函数:

技术图片

 

3.设计模式 

  何为设计模式?    

  * 具有某种重复性规律的方案,就是设计过程中可以反复使用的、可以解决特定问题的设计方法。
  * 设计模式是针对特定上下文的特定问题的解决方案,这种解决方案被抽象化、模版化,就是设计模式。
  * 是一种解决问题的思维,而并非某种特定的方法。
 (1)单例模式
添加的静态属性的方法:
   function CreateModel(){
      if(!CreateModel.instance){    //添加静态属性
         CreateModel.instance = {
              init : function(){
                this.eventBind();
            },
          create : function(){
                 var newDiv = document.createElement(‘div‘);
               newDiv.className = ‘box‘;
                document.body.appendChild(newDiv);
            },
             eventBind : function(){
                 document.addEventListener(‘click‘,this.create.bind(this));
              }
           }
     }
       return CreateModel.instance;
   }
    new CreateModel().init();
  
闭包的写法:
   var createDiv = (function(){
      var newDiv
       return function(){
          if(!newDiv){
            return newDiv = document.createElement(‘div‘);
          }
     }
   })()
   console.log(createDiv());
   console.log(createDiv() == createDiv());

 

 

js 设计模式&&query

标签:定义   单例   document   return   func   png   属性的方法   遇到   错误处理   

原文地址:https://www.cnblogs.com/wangwenxin123/p/10884134.html

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