this\apply\call\bind

apply,call,bind는 어떤 작용, 어떤 차이

var fn3 = obj1.fn.bind(obj1);
fn3();

var xj={
  name: " ",
  gender: " ",
  age: 24,
  say: function(){
      alert(this.name+" , "+this.gender+" , "+this.age);
  }
}
var xg={
  name: " ",
  gender: " ",
  age: 18
}
xj.say();

var xj={
  name: " ",
  gender: " ",
  age: 24,
  say: function(school,grade){
      alert(this.name+" , "+this.gender+" , "+this.age+', '+school+" "+grade);
  }
}
var xg={
  name: " ",
  gender: " ",
  age: 18
}
xj.say(' ',' ');

다음 코드는 무엇을 출력합니까?

var john = { 
  firstName: "John" 
}
function func() { 
  alert(this.firstName + ": hi!")
}
john.sayHi = func
john.sayHi() 

다음 코드는 무엇을 출력하는지, 왜

func() 
function func() { 
  alert(this)
}

다음 코드는 무엇을 출력합니까

document.addEventListener('click', function(e){
    console.log(this);
    setTimeout(function(){
        console.log(this);
    }, 200);
}, false);

다음 코드는 무엇을 출력합니까, why

var john = { 
  firstName: "John" 
}
function func() { 
  alert( this.firstName )
}
func.call(john) 

다음 코드에 무슨 문제가 있으면 어떻게 수정합니까

var module= {
  bind: function(){
    $btn.on('click', function(){
      console.log(this) //this 
      this.showMsg();
    })
  },

  showMsg: function(){
    console.log(' ');
  }
}

   var module= {
        bind: function(){
            var _this = this;
            $btn.on('click', function(){
                console.log(_this) //_this module；
                _this.showMsg();// 
            })
        },
        showMsg: function(){
            console.log(' ');
        }
    }