設計模式之代理模式

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>