JS中call()和apply()的用法

使用语法：

• apply和call都能继承另外一个对象的属性和方法。
• Function.apply(obj,args)方法能接受两个参数。
• obj：这个对象将代替Function类里面的this对象。
• args：这个数组将作为参数传递给Function。
• call和apply的意识一样，只是参数列表不一样。
• Function.call（obj，param1，param ,…）。
• obj：这个对象将代替Function类里面的this对象。
• param1：这是一个参数列表。

代码分析：

        function Person(name,age){                this.name=name;                this.age=age;            }            function Student(name,age,grade){                //Person.apply(this,[name,age]);                //Person.apply(this,arguments);                Person.call(this,name,age);                this.grade=grade;            }            var student1=new Student("Mike",12,"三年级");            console.log("name:"+student1.name+"\n age:"+student1.age+"\n grade:"+student1.grade);

运行结果：
name:Mike
age:12
grade:三年级
分析：
Person.call(this,name,age)；这里的this在创建对象的时候指代的是Student对象，也就是说用Student去执行Person类里面的内容，在Person类里面存在this.name等之类的语句，这样就将属性创建到了Student对象里面。

apply的一些其他用法：

• apply可以将一个默认的数组转换为参数列表，列入，我们的[param1,param2,param3]转换为param1,param2,param3，这也就是为什么我们可以进行这样传递参数。
• 用apply获取数组的求最大值最小值，Math.max（param）参数里面不支持数组。

            var b=(1,2,3);            console.log(Math.max(b));//3            var a=[1,2,34,21,4];            var maxNum=Math.max.apply(null,a);            console.log(maxNum);//34            var minNum=Math.min.apply(null,a);            console.log(minNum);//1

• Array.prototype.push.apply可以实现两个数组的合并

            var arr1=[1,2,3,4];            var arr2=[5,6,7,8];            arr1.push(arr2);            console.log(arr1);//[1,2,3,4,Array(4)]            console.log(arr2);//[5,6,7,8]            Array.prototype.push.apply(arr1,arr2);            console.log(arr1); //[1,2,3,4,5,6,7,8]            console.log(arr2);//[5,6,7,8]

分析：appl会将数组arr2隐式的转换为一个一个值，进行push。

call的一些其他用法：

• 对象的替换，直接用A对象替换B对象

            function add(a,b){                console.log(a+b);            }            function sub(a,b){                console.log(a-b);            }            add.call(sub,3,1) //4 用add来替换sub

• 直接用B对象来执行A对象中的方法

            function Class1(name){                this.name=name;                this.showName=function(){                    console.log(this.name);                }            }                       function Class2(name){                this.name=name;            }            var c1=new Class1("mike");            var c2=new Class2("lili");            c1.showName.call(c2);//lili

分析：call的意识是把c1的方法放到c2上执行。

• 使用call实现继承

            function Class1(){                this.showText=function(text){                    console.log(text);                }            }            function Class2(){                Class1.call(this);            }            var c2=new Class2();            c2.showText("Hello!");//Hello!

分析：c2没有的属性和方法，通过call来继承。