设计模式之代理模式

Life is alwaysfull of challenges 生活总是充满挑战

代理模式：由于一个对象不能直接引用另一个对象，因此需要一个中介来连接两个对象。

织女："阿郎，你再不过来我就跳河了！" 牛郎："别急呀呀呀呀，我想办法....." 许久，牛郎扛着一个大木板走了过来.........
javascript不同域名下的页面不能直接调用。这是一种javascript中因同源策略所定义的限制。

JSONP跨域：动态的创建script，回调函数

<script type="text/javascrip"t>
	function jsonpCallBack(res, req) {
		// TODO
	}
</script>
<script type="text/javascript" src="https://www.a.com?callback=jsonpCallBack&data=jsonData"></script>

图片跨域(常用于站长统计)

<script type="text/javascript">
const JsonCount = (function() {
	// 缓存图片
	let _img = new Image();
	return function(params) {
		let _str = 'http:www.a.com/a.png?';
		for(let key in params) {
			if(params.hasOwnProperty(key)) {
				_str += key + '=' + params[key]
			}
		}
		_img.src = _str
		return _img
	}
})()
</script>