js面向对象编程指南学习笔记–闭包封装HTTP请求

首先补充一下js 闭包 的概念，

闭包是指可以包含自由（未绑定到特定对象）变量的代码块；这些变量不是在这个代码块内或者任何全局上下文中定义的，而是在定义代码块的环境中定义（局部变量）。闭包可以让局部变量升级到全局变量的一种js特有的方法。

下面是实例代码。改代码实现了封装http请求:

下面是封装request函数和封装创建XMR对象函数：

 function getXmr(){  // 跨浏览器创建XMR对象  var ids = ['MSXML2.XMLHTTP.3.0',            'MSXML2.XMLHTTP',            'Microsoft.XMLHTTP'];  var xmr;  if(XMLHttpRequest){    // modern browser    xmr = new XMLHttpRequest();  }else{    for(var i = 0;i < ids.length;i++){      try{        xmr = new ActiveXObject(ids[i]);        break;      }catch(e){}    }  }  return xmr;}function request(url,callback) {  // 封装request请求函数  var xmr = getXmr();  xmr.onreadystatechange = (function(myXmr){    return function(){      if(myXmr.readyState === 4 && myXmr.status === 200){        // response ok        callback(myXmr);      }    }  })(xmr);  xmr.open('GET',url,true);  xrm.send('');}

下面是实例代码：

(可以实现多http请求):

request('http://example.com/somefile.txt',  function(o){    document.getElementById('text').innerHtml = o.responseText;  });request('http://example.com/somefile.txt',  function(o){    document.getElementById('html').innerHtml = o.responseText;  });request('http://example.com/somefile.txt',  function(o){    document.getElementById('body').innerHtml = o.responseText;  });