this详解

fwxstar 2018-06-04 565次浏览

摘要: function fn(){     console.log(this); } //1.fn();    &nbs...
function fn(){
    console.log(this);
}

//1.fn();              this=>window;
//2.oDiv.onclick=fn;   this=>oDiv
//3.oDiv.onclick= function () {
//    fn();            fn里的 this=>window
//  }
//4.  fn里的 this=>window

一个简单的this使用3种方式

//一个简单的this使用3种方式
var ip=document.getElementsByTagName("input");
var that=null;

for(var i=0;i<ip.length;i++){
    ip[i].onclick= function () {
        //1.this.style.background="#000";
        //2.that=this;
        //   back();
        
    };

    //3. ip[i].onclick=back2;
}


function back(){
    that.style.background="#000";
}
function back2(){
    this.style.background="#000";
}