应用()和调用()函数怎么在JavaScript中使用

　　

apply()和调用()函数怎么在JavaScript中使用?相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。

JavaScript的函数是对象,因此有属性和方法。每个函数都包含两个属性:长度和原型,每个函数都包含两个非继承而来的方法:<代码> apply() 和<代码>调用()。

今天先来介绍一下前端面试中经常问到的<代码> apply() 和<代码>调用()的区别吧!

这两个方法的作用是在函数调用时改变函数的执行上下文,也就是函数内的,<代码> apply() 方法接收两个参数,一个是在其中运行函数的作用域,另一个可以是参数对象,也可以是参数数组。

<代码>调用()方法与<代码> apply() 方法的作用相同,它们的区别仅在于接收参数的方式不同,第一个参数不变,变化的是其余参数都直接传递给函数,也就是说,传递给函数的参数必须逐个列举出来。

JavaScript的参数在内部就是用一个数组来表示的,从这个意义上来说,应用比电话的使用率更高,不必关心具体有多少个参数被传入函数,只要用应用一股脑传进去即可。若明确知道函数接收几个参数,且想一目了然地表达形参与实参的对应关系,可以使用电话。

当使用电话或应用时,若传入的第一个参数是零,函数体内的这个会指向默认的宿主对象,在浏览器中是窗口,但在严格模式下,函数体内的这还是为null。有时,使用电话或应用的目的不在于指定这指向,而是另有用途,如借用其他对象的方法,则此时可以传入空来替代某个具体的对象,如<代码> Math.max。应用(null,[1、5、2、4、3]]);

下面来举个例子:

function 和(num1, num2), { 　　return 才能;num1  +, num2; 　　} 　　function  applyFunc1 (num1, num2), { 　　return 才能sum.apply(,,参数); 　　} 　　function  applyFunc2 (num1, num2), { 　　return 才能;sum.apply (,, [num1, num2]); 　　} 　　function  callFunc (num1, num2), { 　　return 才能;sum.call (num1,这一点,还以为;num2); 　　} 　　alert (applyFunc1(10, 20);//输出:30 　　alert (applyFunc2(10, 20);//输出:30 　　alert (callFunc(10, 20);//输出:30

JS中的函数其实是对象,函数名是对函数对象的引用。

function 添加(a, b), { 　　警报才能(a + b); 　　} 　　function 子(a, b), { 　　警报才能(a - b); 　　} 　　add.call(下标3 1);,//输出:30

如果你认为<代码> apply() 和<代码>调用()的作用在于传递参数,那就错了,它们真正强大的地方在于能够扩充函数赖以运行的作用域。

<强>调用和应用的用途:

(1)改变这样的指向。

调用和应用最常见的用途是改变函数内部的这一指向。如上述例子所示。

(2)借用其他对象的方法。

1)借用方法的第一种场景是借用其他对象的构造函数。

var  Student =,函数(名字),{ 　　this.name 才能=,名称; 　　}; 　　var  Teacher =,函数(名字),{ 　　Student.apply才能(这个参数); 　　}; 　　时间=Teacher.prototype.getName 函数(),{ 　　return 才能;this.name; 　　}; 　　var  teacher =, new 老师(“Alice"); 　　console.log (teacher.getName());,//,输出:爱丽丝

2)借用方法的第二种场景是借用其他对象的方法。

当运行<代码> showColor.call (obj) 时,函数的执行环境就进到了对象中。

window.color =,“white"; 　　var  obj =,{颜色:,“black"}; 　　function 调色精灵(),{ 　　警报才能(this.color); 　　} 　　调色精灵();//输出:“white" 　　showColor.call(这);//输出:“white" 　　showColor.call(窗口);//输出:“white" 　　showColor.call (obj);//输出:“black"

不需要把<代码>调色精灵()函数放到对象obj中,再通过obj来调用。

window.color =,“white"; 　　var  obj =, {color :“black"}; 　　function 调色精灵(),{ 　　警报才能(this.color); 　　} 　　调色精灵();//输出:“white" 　　obj.showColor =,调色精灵; 　　obj.showColor();//输出:“black"

看完上述内容,你们掌握应用()和调用()函数怎么在JavaScript中使用的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注行业资讯频道,感谢各位的阅读!

应用()和调用()函数怎么在JavaScript中使用