原型定义的变量的问题

Question

想问大家一个问题，为什么看到别人写的类，属性都挂在this上？不可以放在方法里吗？比如

function GetMusic($content) {  this.content = $content;  this.title = this.content.find(".title");
}
GetMusic.prototype.changTitle = function() {  this.title.toggleClass("on")；
  }
}

为什么不这样写

function GetMusic($content) {  this.content = $content;
}
GetMusic.prototype.changTitle = function() {  var title = this.content.find(".title");
  title.toggleClass("on"）；
  }
}

就是为什么有时候这个变量只用一次也挂在实例上，就是用this挂起来。那么其实：
第一种：

 function GetMusic($content) {      this.content = $content;      this.title = this.content.find(".title");
    }

第二种

function GetMusic($content) {      this.content = $content; 
    }
    GetMusic.prototype.changTitle = function() {     this.title = this.content.find(".title");
      }
    }

第三种

 function GetMusic($content) {      this.content = $content; 
    }
    GetMusic.prototype.changTitle = function() {     var title = this.content.find(".title");
      }
    }

上面的三个title变量有什么不一样？对性能什么的有什么印象？一般什么情况下用哪种？

Answer 1

LZ你要干嘛?对于以下：第二种第三种问题：为什么我每次调用changTitle的时候你都给我执行this.content.find函数、而且每次结果都是title，不累吗？对于以下：GetMusic.prototype.changTitle = function() {    var title = this.content.find(".title");  }问题：如果我现在有个其他函数,叫什么changTitleColor:GetMusic.prototype.changTitleColor= function() { var title = this.content.find(".title"); //title.style.color = 'xxxx';} //如果保存了this.title的属性的话就可以这样GetMusic.prototype.changTitleColor= function() { //this.title.style.color = 'xxxx';}上面又重复了this.content.find(".title")这个方法，不累吗？其实，这里要考虑的不是性能，而是封装，也即是到底这个this.title是不是和GetMusic强相关；如果是的话，那就把title给容纳进来、作为GetMusic内部一部分；如果this.title和GetMusic相关性很小,那也就没必要保存this.title这个属性；也就是分清楚哪里是内部、哪里是外部。