apply()方法call()方法的作用和比较

Posted 2020-11-27 maxlove

apply()方法的定义:

1. apply()方法能劫持另外一个对象的方法，继承另外一个对象的属性
2.Function.apply(obj,args)方法能接收两个参数
3.obj：这个对象将代替Function类里this对象
4.args：这个是数组，它将作为参数传给Function（args–>arguments）

   function Person(){
        this.name="木木"
        this.age=‘18‘
        console.log(this.sex)
        console.log(this)

        }
        let obj={
        sex:"男"
        }
        Person.apply(obj)//男  {age:‘18‘,name:‘木木‘,sex:‘男‘}
        console.log(obj)//{age:‘18‘,name:‘木木‘,sex:‘男‘}
        console.log(obj.name)//木木

从运行结果上看：

1. Person()继承了obj的属性，obj也继承了Person()的属性，

2. apply()不只是继承obj的属性，而且还继承了Person()的属性，

3. this指向的既不是obj也不是Person()，指向的应该是继承了Person()和obj属性的一个新的对象。

准确的来说，apply()的作用就是合并方法和对象的方法和属性，并将方法和对象的this指向合并后的对象。

apply方法和call方法。函数属性与方法。

每个函数都有length属性哥prototype属性。

length属性表示的是函数接入参数的个数

在es引用类型语言中，prototype是保存它们所有实例方法的真正所在。换句话来说，类似于toString()和valueOf()等方法实际上都存在prototype名下，只不过是通过各自对象的实例访问罢了。在创建自定义类型以及实现继承时，prototype属性的作用是极为重要的。在es5中prototype属性是不可以枚举的，因此使用for-in无法发现。

apply属性和call属性都是用来在特定的作用域中调用函数，实际上等于设置函数体内this对象的值。

apply方法能劫持另外一个对象的方法，继承另外一个对象的属性。

首先apply()方法接收两个参数：一个是在其中运行函数的作用域，另一个是参数数组。其中，第二个参数可以是Array的实例，也可以是arguments对象。

 function sum(num1,num2){
  return  num1+num2;
}
function callSum1(num1,num2){
   return  sum.apply(this,arguments);    //传入arguments对象
}

function callSum2(num1,num2){
 return  sum.apply(this,[num1,num2]);   //传入数组
}
alert(callSum1(10,10));  //20 
alert(callSum2(10,10));  //20

call方法与apply方法的作用相同。它们的区别仅仅在于接收参数的方式不同。对于call()而言，第一个参数是this值不变。变化的是其余参数都直接传递参数给函数。换句话说，在使用call方法时候，传递给函数的参数必须逐个列举出来。如下面的例子:

function  sum(num1,num2){
  return  num1+num2;
}
function  callSum(num1,num2){
  return  sum.call(this,num1,num2);
}
alert(callSum(10,10));  //20

在使用call()方法的情况下，callSum()必须明确地传入每一个参数。结果与使用apply()没有什么不同。至于是使用apply还是使用call，完全取决于你哪种给函数传递的方式最方便。

事实上，传递参数并非apply与call真正的用武之地；它们真正强大的地方在于可以扩充函数赖以运行的作用域。

它们的使用作用与bind()一样。