js中apply()方法与call()方法详解

js中apply()方法与call()方法详解

    之前见过这两个方法，只是一知半解。今天再次碰见，无奈只好仔细研究一下，通过查看一些资料，总结整理备注如下：

首先，简单分析一下这两个方法：

     1.obj.apply([thisObj[,argArray]])：用thisObj对象作当前对象调用obj的方法，继承obj的属性，argArray是方法（或构造方法）的参数数组；

     2.obj.call([thisObj[,arg1[, arg2[, [,.argN]]]]])：该方法与apply()方法意思一样，只是参数列表不同。

其次，分别说明这两个方法的应用：

//定义一个Person类
function Person(name, age){
    this.name = name;
    this.age = age;
}
//定义一个Student类
function Student(name, age, grade) {
    Person.apply(this, arguments); //Person引用函数对象，student对象调用Person构造方法
    //Person.call(this, name, age);
    this.grade = grade;
}
var student = new Student("James", 20, "二年级");
alert("name: " + student.name + "\nage: "+student.age + "\ngrade: " + student.grade);
//显示结果name:zhangsan age:20 grade: 二年级

最后，介绍一下apply()方法的巧妙用法：

    1.Math.max([number1[,number2[. . . [,numberN]]]])：返回给出的零个或多个数值表达式中较大者，该方法不接受数组参数，利用Math.max.apply(null,array)可以轻易得到一个数组中的最大项(可以理解为：apply会将数组解析成一个个的参数)；

     2.arrayObj.push([item1[item2[. . . [itemN ]]]])：将新元素添加到一个数组中，并返回数组的新长度值，该方法同样不接受数组参数，也可利用Array.prototype.push.apply(arr1,arr2)巧妙的实现将一个数组添加到另一个数组后面。

    以上都是利用apply()方法将参数数组组装成参数集合的特点巧妙的解决了实际问题。