1. 程式人生 > >原型鏈繼承的例子 和new 一個物件的過程

原型鏈繼承的例子 和new 一個物件的過程

1.原型鏈繼承

function Elem(id){
    this.elem = document.getElementById(id)
}
Elem.prototype.html=function(val){
    var elem = this.elem;
    if(val){
        elem.innerHTML=val;
        return this// 鏈式操作
    }else{
        return elem.innerHTML
    }
}
Elem.prototype.on=function(type,fn){
    var elem= this.elem;
    elem.addEventListener(type,fn)
}

2.new物件的過程

  1. 建立一個新物件,繼承自foo.prototype
  2. this指向新物件
  3. 執行程式碼,賦值等運算
  4. 返回this
  5. 如果建構函式返回一個物件,那麼這個物件會取代整個new出來的結果。那麼這個物件會取代整個new出來的結果。如果建構函式沒有返回物件,那麼new出來的結果為步驟1建立的物件