1、call ：

funA.call(funB, arg1, arg2, ...)
例子

//参照理解的dem01
function funB (arg1, arg2){
    alert(arg1+arg2);
}
function funA (arg1, arg2){
    alert(arg1-arg2);
}
funB.call(funA, 100, 100);

//参照理解的demo2
var a = {0:1, 1:"yjc", length: 2}; 
a.slice(); // Uncaught TypeError: a.slice is not a function(…)
Array.prototype.slice.call(a); //[1, "yjc"]

//参照理解的demo3
var pet = {
      word:'...',
      speak: function(say){
          alert(say+this.word);
      }
}; 
var dog ={
      word:'Wang'
}
pet.speak.call(dog, 'Speak');

//参照理解的demo4
function Pet(word){
     this.word=word;
      this.speak: function(){
          alert(this.word);
      }
}; 
function Dog(word){
      Pet.call(this, 'word);
}

var dog  = new Dog('Wang');
dog.speak();

2、apply

funA.apply(funB, arr[arg1, arg2, ..])
例子：给每一个log消息添加一个"(app)"的前辍:

function log(){ 
    var args = Array.prototype.slice.call(arguments); 
    args.unshift('(app)'); 
    console.log.apply(console, args); 
}
// arugments是一个伪数组，然后会将他转化成为标准数组。通常方法是使用Array.prototype.slice

3、区别

不同只是参数使用方式不同而已
(1 都是 Function.proptotype 的一个方法
(2 作用相同，只是使用方式不同而已
(3 都是借用别人的方法，像调用自己一样

4、简单的应用

例如之前看过的一个简单的面试题，现在有这样一个方法:

  var Info = {
      flag: 1,
      getFlagInfo: function(){
            return this.flag;
      }
  }

然后通过下面的代码去调用：

console.log(Info.getFlagInfo());

var func = Info.getFlagInfo();
console.log(func());

这时候会发现第一个打印出1而第二个打印undefined,因为func在windows中被提前执行而当时拿不到this.flag,我们也许可以通过bind，比如：

var func = Info.getFlagInfo.bind(Info);

但是这样在旧浏览器的时候会有兼容性的问题，所以可以通过apply来解决：

Function.prototype.bind = Function.prototype.bind || function(context){
  let self = this;
  return function(){
      self.apply(context, arguments);  
  }
}