/*Basic Singleton*/
var Singleton = {
  attribute:true,
  method1:function(){},
　　 method2:function(){}
};

var XMLHttpFactory =function(){};　　　　　　//這是一個(gè)簡(jiǎn)單工廠模式
　　XMLHttpFactory.createXMLHttp =function(){
　　　 var XMLHttp = null;
　　　　if (window.XMLHttpRequest){
　　　　　　XMLHttp = new XMLHttpRequest()
　　　 }else if (window.ActiveXObject){
　　　　　　XMLHttp = new ActiveXObject("Microsoft.XMLHTTP")
　　　　}
　　return XMLHttp;
　　}
　　//XMLHttpFactory.createXMLHttp()這個(gè)方法根據(jù)當(dāng)前環(huán)境的具體情況返回一個(gè)XHR對(duì)象。
　　var AjaxHander =function(){
　　　　var XMLHttp = XMLHttpFactory.createXMLHttp();
　　　　...
　　}

var XMLHttpFactory =function(){};　   //這是一個(gè)抽象工廠模式
XMLHttpFactory.prototype = {
　　//如果真的要調(diào)用這個(gè)方法會(huì)拋出一個(gè)錯(cuò)誤，它不能被實(shí)例化，只能用來(lái)派生子類
　　createFactory:function(){
 　　throw new Error('This is an abstract class');
　　}
}
var XHRHandler =function(){}; //定義一個(gè)子類
// 子類繼承父類原型方法
extend( XHRHandler , XMLHttpFactory );
XHRHandler.prototype =new XMLHttpFactory(); //把超類原型引用傳遞給子類,實(shí)現(xiàn)繼承
XHRHandler.prototype.constructor = XHRHandler; //重置子類原型的構(gòu)造器為子類自身
//重新定義createFactory 方法
XHRHandler.prototype.createFactory =function(){
　　var XMLHttp =null;
　　if (window.XMLHttpRequest){
 　　XMLHttp =new XMLHttpRequest();
　　}else if (window.ActiveXObject){
 　　XMLHttp =new ActiveXObject("Microsoft.XMLHTTP")
　　}
　　return XMLHttp;
}

var single = (function(){
  var unique;
  function getInstance(){
　　　　// 如果該實(shí)例存在，則直接返回，否則就對(duì)其實(shí)例化
    if( unique === undefined ){
      unique = new Construct();
    }
    return unique;
  }
  function Construct(){
    // ... 生成單例的構(gòu)造函數(shù)的代碼
  }
  return {
    getInstance : getInstance
  }
})();

var pubsub = {};  // 定義發(fā)布者
(function (q) {
  var list = [], //回調(diào)函數(shù)存放的數(shù)組，也就是記錄有多少人訂閱了我們東西
    subUid = -1;
  // 發(fā)布消息,遍歷訂閱者
  q.publish = function (type, content) {
    // type 為文章類型，content為文章內(nèi)容
    // 如果沒(méi)有人訂閱，直接返回
    if (!list[type]) {
      return false;
    }
    setTimeout(function () {
      var subscribers = list[type],
        len = subscribers ? subscribers.length : 0;

      while (len--) {
        // 將內(nèi)容注入到訂閱者那里
        subscribers[len].func(type, content);
      }
    }, 0);
    return true;
  };
  //訂閱方法，由訂閱者來(lái)執(zhí)行
  q.subscribe = function (type, func) {
    // 如果之前沒(méi)有訂閱過(guò)
    if (!list[type]) {
      list[type] = [];
    }
    // token相當(dāng)于訂閱者的id，這樣的話如果退訂，我們就可以針對(duì)它來(lái)知道是誰(shuí)退訂了。
    var token = (++subUid).toString();
    // 每訂閱一個(gè)，就把它存入到我們的數(shù)組中去
    list[type].push({
      token: token,
      func: func
    });
    return token;
  };
  //退訂方法
  q.unsubscribe = function (token) {
    for (var m in list) {
      if (list[m]) {
        for (var i = 0, j = list[m].length; i < j; i++) {
          if (list[m][i].token === token) {
            list[m].splice(i, 1);
            return token;
          }
        }
      }
    }
    return false;
  };
} (pubsub));
//將訂閱賦值給一個(gè)變量，以便退訂
var girlA = pubsub.subscribe('js類的文章', function (type, content) {
  console.log('girlA訂閱的'+type + ": 內(nèi)容內(nèi)容為：" + content);
});
var girlB = pubsub.subscribe('js類的文章', function (type, content) {
  console.log('girlB訂閱的'+type + ": 內(nèi)容內(nèi)容為：" + content);
});
var girlC = pubsub.subscribe('js類的文章', function (type, content) {
  console.log('girlC訂閱的'+type + ": 內(nèi)容內(nèi)容為：" + content);
});
//發(fā)布通知
pubsub.publish('js類的文章', '關(guān)于js的內(nèi)容'); 
// 輸出：
// girlC訂閱的js類的文章: 內(nèi)容內(nèi)容為：關(guān)于js的內(nèi)容
// test3.html:78 girlB訂閱的js類的文章: 內(nèi)容內(nèi)容為：關(guān)于js的內(nèi)容
// test3.html:75 girlA訂閱的js類的文章: 內(nèi)容內(nèi)容為：關(guān)于js的內(nèi)容
//girlA退訂了關(guān)于js類的文章 
setTimeout(function () {
  pubsub.unsubscribe(girlA);
}, 0);
//再發(fā)布一次，驗(yàn)證一下是否還能夠輸出信息
pubsub.publish('js類的文章', "關(guān)于js的第二篇文章");
// 輸出：
// girlB訂閱的js類的文章: 內(nèi)容內(nèi)容為：關(guān)于js的第二篇文章
// girlC訂閱的js類的文章: 內(nèi)容內(nèi)容為：關(guān)于js的第二篇文章

function Price(personType, price) {
  //vip 5 折
  if (personType == 'vip') {
    return price * 0.5;
  } 
  else if (personType == 'old'){ //老客戶 3 折
    return price * 0.3;
  } else {
    return price; //其他都全價(jià)
  }
}

// 對(duì)于vip客戶
function vipPrice() {
  this.discount = 0.5;
}
vipPrice.prototype.getPrice = function(price) {
　　return price * this.discount;
}
// 對(duì)于老客戶
function oldPrice() {
  this.discount = 0.3;
}
oldPrice.prototype.getPrice = function(price) {
  return price * this.discount;
}
// 對(duì)于普通客戶
function Price() {
  this.discount = 1;
}
Price.prototype.getPrice = function(price) {
  return price ;
}
// 上下文，對(duì)于客戶端的使用
function Context() {
  this.name = '';
  this.strategy = null;
  this.price = 0;
}
Context.prototype.set = function(name, strategy, price) {
  this.name = name;
  this.strategy = strategy;
  this.price = price;
}
Context.prototype.getResult = function() {
  console.log(this.name + ' 的結(jié)賬價(jià)為: ' + this.strategy.getPrice(this.price));
}
var context = new Context();
var vip = new vipPrice();
context.set ('vip客戶', vip, 200);
context.getResult();  // vip客戶 的結(jié)賬價(jià)為: 100
var old = new oldPrice();
context.set ('老客戶', old, 200);
context.getResult(); // 老客戶 的結(jié)賬價(jià)為: 60
var Price = new Price();
context.set ('普通客戶', Price, 200);
context.getResult(); // 普通客戶 的結(jié)賬價(jià)為: 200

var Interview = function(){};
// 筆試
Interview.prototype.writtenTest = function(){
  console.log("這里是前端筆試題");
};
// 技術(shù)面試
Interview.prototype.technicalInterview = function(){
  console.log("這里是技術(shù)面試");
}; 
// 領(lǐng)導(dǎo)面試
Interview.prototype.leader = function(){
  console.log("領(lǐng)導(dǎo)面試");
};
// 領(lǐng)導(dǎo)面試
Interview.prototype.HR = function(){
  console.log("HR面試");
};
// 等通知
Interview.prototype.waitNotice = function(){
  console.log("等通知啊，不知道過(guò)了沒(méi)有哦");
};
// 代碼初始化
Interview.prototype.init = function(){
  this.writtenTest();
  this.technicalInterview();
  this.leader();
  this.HR();
  this.waitNotice();
};
// 阿里巴巴的筆試和技術(shù)面不同，重寫(xiě)父類方法，其他繼承父類方法。
var AliInterview = function(){};
AliInterview.prototype = new Interview();
// 子類重寫(xiě)方法 實(shí)現(xiàn)自己的業(yè)務(wù)邏輯
AliInterview.prototype.writtenTest = function(){
  console.log("阿里的技術(shù)題就是難啊");
}
AliInterview.prototype.technicalInterview = function(){
  console.log("阿里的技術(shù)面就是叼啊");
}
var AliInterview = new AliInterview();
AliInterview.init();
// 阿里的技術(shù)題就是難啊
// 阿里的技術(shù)面就是叼啊
// 領(lǐng)導(dǎo)面試
// HR面試
// 等通知啊，不知道過(guò)了沒(méi)有哦

// 補(bǔ)打卡事件
var fillOut = function (lateDate) {
  this.lateDate = lateDate;
};
// 這是bigBoss
var bigBoss = function (fillOut) {
  this.state = function (isSuccess) {
    console.log("忘記打卡的日期為：" + fillOut.lateDate + ", 補(bǔ)打卡狀態(tài)：" + isSuccess);
  }
};
// 助理代理大boss 完成補(bǔ)打卡審批
var proxyAssis = function (fillOut) {
  this.state = function (isSuccess) {
    (new bigBoss(fillOut)).state(isSuccess); // 替bigBoss審批
  }
};
// 調(diào)用方法：
var proxyAssis = new proxyAssis(new fillOut("2016-9-11"));
proxyAssis.state("補(bǔ)打卡成功");
// 忘記打卡的日期為：2016-9-11, 補(bǔ)打卡狀態(tài)：補(bǔ)打卡成功

var myImage = (function(){
  var imgNode = document.createElement("img");
  document.body.appendChild(imgNode);
  return function(src){
    imgNode.src = src; 
  }
})();
// 代理模式
var ProxyImage = (function(){
  var img = new Image();
  img.onload = function(){
    myImage(this.src);
  };
  return function(src) {
        // 占位圖片loading
        myImage("http://img.lanrentuku.com/img/allimg/1212/5-121204193Q9-50.gif");
    img.src = src;
  }
})();
// 調(diào)用方式
ProxyImage("https://img.alicdn.com/tps/i4/TB1b_neLXXXXXcoXFXXc8PZ9XXX-130-200.png"); // 真實(shí)要展示的圖片

function ajaxCall(type,url,callback,data){
  // 根據(jù)當(dāng)前瀏覽器獲取對(duì)ajax連接對(duì)象的引用
  var xhr=(function(){
    try {
      // 所有現(xiàn)代瀏覽器所使用的標(biāo)準(zhǔn)方法
      return new XMLHttpRequest();
    }catch(e){}
    // 較老版本的internet Explorer兼容
    try{
      return new ActiveXObject("Msxml2.XMLHTTP.6.0");
    }catch(e){}
    try{
      return new ActiveXObject("Msxml2.XMLHTTP.3.0");
    }catch(e){}
    try{
      return new ActiveXObject("Microsoft.XMLHTTP");
    }catch(e){}
    // 如果沒(méi)能找到相關(guān)的ajax連接對(duì)象，則跑出一個(gè)錯(cuò)誤。
    throw new Error("Ajax not support in this browser.")
  }()),
  STATE_LOADED=4,
  STATUS_OK=200;
  // 一但從服務(wù)器收到表示成功的相應(yīng)消息，則執(zhí)行所給定的回調(diào)方法
  xhr.onreadystatechange=function{
    if(xhr.readyState !==STATE_LOADED){
      return;
    }
    if(xhr.state==STATUS_OK){
      callback(xhr.responseText);
    }
  }
  // 使用瀏覽器的ajax連接對(duì)象來(lái)向所給定的URL發(fā)出相關(guān)的調(diào)用
  xhr.open(type.toUpperCase(),url);
  xhr.send(data);
}
// 使用方法
ajaxCall("get","/user/12345",function(rs){
  alert('收到的數(shù)據(jù)為：'+rs);
})