Javascript 面向对象机制的实现

Javascript 面向对象机制的实现
自定义类的实现方法很多，重点谈两种。
构造函数法
function Player(url){
    this.url = url;
   
    this.showUrl = function(){
        alert(this.url);
    }
   
    this.play = function(){
        // do play
    }
}
var myPlayer = new Player("test.mp3");
myPlayer.showUrl();
alert(myPlayer instanceof Player);
优点：类被封装成一个整体 声明实例用new运算符
缺点：对象的方法会重复生成
function Player(url){
   this.url = url;
   if(typeof Player._initialized == "undefined"){
      Player.prototype.showUrl = function(){
         alert(this.url);
         Player._initialized = true;
      }
   }
}
var myPlayer = new Player("test.mp3");
myPlayer.showUrl();
alert(myPlayer instanceof Player);
优点：避免了函数的重复创建
缺点：麻烦一点
访问权限
JavaScript 本身并没法区分私有变量和公共变量，通常在命名上区分一下，一般习惯在私有变量的前加一个下划线 this._privateProperty。
有var声明的局部变量可以当作私有变量，this引导的为共有对象。
事件
function Player(url){
   this.url = url;
   var self = this;
   var position;
   this.onPositionChange = null; // 事件定义
   this.setPosition = function(value){
      self.position = value;
      if (this.onPositionChange)
         this.onPositionChange(this); //事件触发
   }
}
   var myPlayer = new Player("test.mp3");
   myPlayer.onPositionChange = function fun(obj){ //事件订阅
   alert(obj.position + 's Position Change');
}
myPlayer.setPosition(100);
实例化
可