用原型封裝一個操作DOM的例子

 <script>

    // 一句話 在建構函式裡面寫屬性  在原型裡面寫方法

        function Elem(d){

            this.even=document.getElementById(d);

        }

        Elem.prototype.html=function(val){

              var e = this.even;

              if(val){

                e.innerHTML=val;

                return this; // 鏈式操作 返回整個這個Elem.prototype.html整體 ，不寫這個return 就不能進行鏈式操作

              }else{

                return e.innerHTML;

              }

        }

       Elem.prototype.on=function(type,fn){

            var e = this.even;

            e.addEventListener(type,fn);

            return this;//同理 也是為了能夠繼續鏈式操作

       }

        var box = new Elem('page-info');

       // box.html('123')

       //  box.on('click',function(){

       //      alert('test')

       //  })

 // 上面註釋部分的鏈式操作

 // box.html('123').on('click',function(){ alert('test')})

 box.html('123').on('click',function(){ alert('test')}).html('從123變成456')

    </script>

  var   vehicle  = function(){

       this.door=;

  }

  vehicle.prototype ={

      getName: function(){

          return 'vehicle'

      },

      getInfo: function(){

          return [

              this.getName(),'has',this.door,'doors'

          ].join(',')

      }

  }

  var vehicle = new vehicle();

  console.log(vehicle.getInfo()) // vehicle,has,4,doors