call()和apply()的区别

call()和apply()

区别：两者仅在定义参数时有所不同

作用：改变this指向，将一个对象的函数绑定到另一个对象上去运行     

apply():
    语法：a对象.函数.apply(b对象,[参数1，参数2，参数3····])；
    参数：第一个参数为this要指向的对象
          第二个参数是函数本身的参数，一个数组或者类数组

 call():
    语法：a对象.函数.call(b对象,参数1，参数2，参数3····)；
    参数：第一个参数为this要指向的对象
          第二个往后的参数是函数本身的参数,有一个或多个

 //改变this内部指向
    var obj1 = {name:'sven'};
    var obj2 ={name:'anne'};
    window.name = 'window';
    var getName = function(){
        console.log(this.name);
    };
    getName(); //window
    getName.apply(obj1); // sven
    getName.apply(obj2); // anne

apply（）方法举例：

    //1.当apply（）的第二个参数，数组为空，或一个参数，或多个参数时
     var aObj  = {
        name:"zhm",
        hobby:"Fit",
        getName: function () {
            console.log("name："+this.name+",hobby:"+this.hobby);
        },
        getAge: function (age) {
            console.log("name："+this.name+",Age:"+age);
        },
        getInfo: function (name,hobby,age) {
            console.log("name："+name+",hobby:"+hobby+",Age:"+age);
        }
    };
    var bObj = {
        name:"Jason",
        hobby:"running"
    } ;
    //因为getName方法本身没有参数，所以传一个空数组
    aObj.getName.apply(bObj,[]);//name：Jason,hobby:running

    //因为getAge方法本身有一个参数，所以数组里面值为一个
    aObj.getAge.apply(bObj,[23]);//name：Jason,Age:23

    //因为getInfo方法本身有三个参数，所以数组里面值为3个
    aObj.getInfo.apply(bObj,["kitty","sing",18]);//name：kitty,hobby:sing,Age:18


    //1.当apply（）的第二个参数为类数组argument时
    function add(a,b,c){
        console.log(a+b+c);
    }
    function showAdd(){
        //在此调用add（）方法，使用当前argument类数组对象
        //缺点：当不能确定传入的参数的个数的时候，这样写会出错
        add(arguments[0],arguments[1],["·····"]);
        //升级版：
        add.apply(this,[3,5,9]);//this执行当前对象windows
        add.apply(null,[3,5,9]);//null指向window
        add.apply(undefined,[3,5,9]);// 不推荐  部分浏览器报错

    }
    //执行函数.传入参数，函数默认为全局对象window调用
    showAdd();

call（）方法举例：

var func = function(a,b,c){
        console.log([a,b,c]); //输出[1,2,3]
    };
    func.call(null,1,2,3);

需要强调的是

 1、javascript参数在内部就是用一个数组来表示的，从这个意义上说，apply比call的使用率更高
 2、如果我们传入的第一个参数为null,函数体的this会指向默认的宿主对象，在浏览器中则是window
    但是如果在严格模式下，函数体内的this还是为null

另外：常用的是this还可以实现继承

  //1.定义一个Animal函数
    function Animal(name) {
        this.name = name;//注意此处为this.name = name而不是this.name = "animal";
        this.showName = function () {
            console.log(this.name);
        }

    }

    //2.定义一个Cat函数
    function Cat(name) {
        //将Animal方法应用到Cat上，因此Cat拥有了Animal的所有属性和方法
        Animal.call(this, name)
    }


    //3.生成一个Cat的实例对象
    var cat = new Cat("little Cat");

    //4.调用方法
    cat.showName();//打印little Cat

下次我们来探讨JavaScript的难点，闭包！！