apply()方法call()方法的作用和比较
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()一样。