class AudioPlayer{

constructor(container){

this.container=document.querySelector(container)

this.songList=[];

this.dom=null;

this.audio=new Audio;

this.getsong();

this.createElement();

this.bindEvent();

this.render();

this._play;

}

     getsong(){

      // ajax...

      this.songList=[

      {

      cover:'',

      url:'',

      singer:{

      name:'',

      hotsong:''

      },

      sonName:''

      }

      ];

    }

createElement(){

const div =document.createElement('div');

div.innerHTML=`

  <div class="btn">播放按钮</div>

  <div>进度条</div>

`;

this.dom=div;

}

bindEvent(){

this.dom.addEventListener('click', ()=>{

this._play();

// console.log('开始播放')

})

}

_play(){

console.log('开始播放')

}

render(){

this.container.appendChild(this.dom);

}

}

let a =new AudioPlayer('#app')

new AudioPlayer('#bpp')

console.log(a)

刚才写的时候觉得不太对。。。。。。constructor 老师这里相当于一个init 方法了。。。

正常开发的时候 应该要分开吧？

constructor 只用于定义