// 塊級(jí)作用域
//特點(diǎn)1 程序啟動(dòng)的時(shí)候 里面的代碼直接執(zhí)行了
//特點(diǎn)2 內(nèi)部的成員變量 外部無法去訪問 （除了不加var修飾的變量）

(function(window , undefined){
  // $ 最常用的對(duì)象 返回給外界 大型程序開發(fā) 一般使用'_'作為私用的對(duì)象(規(guī)范)
  function _$(arguments){
    //實(shí)現(xiàn)代碼...這里僅實(shí)現(xiàn)ID選擇器
    // 正則表達(dá)式匹配id選擇器
    var idselector = /#\w+/ ;
    this.dom ;   // 此屬性 接受所得到的元素
    // 如果匹配成功 則接受dom元素  arguments[0] = '#inp'
    if(idselector.test(arguments[0])){
      this.dom = document.getElementById(arguments[0].substring(1));
    } else {
      throw new Error(' arguments is error !');
    }
  };

  // 在Function類上擴(kuò)展一個(gè)可以實(shí)現(xiàn)鏈?zhǔn)骄幊痰姆椒?
  Function.prototype.method = function(methodName , fn){
    this.prototype[methodName] = fn ;
    return this ; //鏈?zhǔn)骄幊痰年P(guān)鍵
  }

  // 在_$的原型對(duì)象上 加一些公共的方法
  _$.prototype = {
    constructor : _$ ,
    addEvent:function(type,fn){
      // 給你的得到的元素 注冊(cè)事件
      if(window.addEventListener){// FF 
        this.dom.addEventListener(type , fn);
      } else if (window.attachEvent){// IE
        this.dom.attachEvent('on'+type , fn);
      }
      return this ; 
    },
    setStyle:function(prop , val){
      this.dom.style[prop] = val ;
      return this ;
    }
  };


   // window 上先注冊(cè)一個(gè)全局變量 與外界產(chǎn)生關(guān)系
  window.$ = _$ ;
  // 寫一個(gè)準(zhǔn)備的方法
  _$.onReady = function(fn){ 
    // 1 實(shí)例化出來_$對(duì)象 真正的注冊(cè)到window上
    window.$ = function(){
      return new _$(arguments);
    };
    // 2 執(zhí)行傳入進(jìn)來的代碼
    fn();
    // 3 實(shí)現(xiàn)鏈?zhǔn)骄幊?
    _$.method('addEvent',function(){
      // nothing to do
    }).method('setStyle',function(){
      // nothing to do
    });

  };

})(window); // 程序的入口 window傳入作用域中


$.onReady(function(){
  var inp = $('#inp');
  //alert(inp.dom.nodeName);
  //alert($('#inp'));
  inp.addEvent('click',function(){
    alert('我被點(diǎn)擊了!');
  }).setStyle('backgroundColor' , 'red');
});

//without callback
window.API = window.API || function(){
  var name = 'JChen';
  this.setName = function(newName){
    name = newName;
    return this;
  };
  this.getName = function(){
    return name;
  };
};
var o = new API();
console.log(o.getName());
console.log(o.setName('Haha').getName());

//with callback
window.API2 = window.API2 || function(){
  var name = 'JChen';
  this.setName = function(newName){
    name = newName;
    return this;
  };
  this.getName = function(callback){
    callback.call(this, name);
    return this;
  };
};
var o2 = new API2();
o2.getName(console.log).setName('Hehe').getName(console.log);

//with callback
window.API2 = window.API2 || function(){
  var name = 'JChen';
  this.setName = function(newName){
    name = newName;
    return this;
  };
  this.getName = function(callback){
    callback.call(this, name);
    return this;
  };
};
var o2 = new API2();
var log = function(para){
  console.log(para);
};
o2.getName(log).setName('Hehe').getName(log);