面试必备，this/apply/call三者区别你真的清楚吗？

前言

在前端面试中，this/apply/call是经常被问到的问题之一。这三个函数都是用来调用函数的，但它们在用法和语义上却存在着一些微妙的区别。理解这三个函数的区别对于前端工程师来说非常重要，因为它可以帮助我们更灵活地使用JavaScript语言，编写出更加健壮和可维护的代码。

this

在JavaScript中，this关键字代表着当前执行代码的对象。它可以是全局对象、函数对象或其他对象。this关键字的具体指向取决于函数的调用方式。

• 全局调用 ：当函数被作为全局函数调用时，this指向全局对象（window对象）。
• 对象方法调用 ：当函数被作为对象的方法调用时，this指向该对象本身。
• 构造函数调用 ：当函数被作为构造函数调用时，this指向新创建的对象。

apply()方法

apply()方法可以将一个函数绑定到一个对象，并使用该对象作为函数的this值来调用该函数。

apply()方法的语法如下：

Function.prototype.apply(thisArg, [argsArray])

• thisArg ：要将函数绑定到的对象。
• argsArray ：一个包含要传递给函数参数的数组。

call()方法

call()方法与apply()方法类似，也可以将一个函数绑定到一个对象，并使用该对象作为函数的this值来调用该函数。

call()方法的语法如下：

Function.prototype.call(thisArg, arg1, arg2, ...)

• thisArg ：要将函数绑定到的对象。
• arg1, arg2, ... ：要传递给函数的参数。

三者的区别

这三个函数的区别主要体现在以下几个方面：

• 参数传递方式 ：apply()方法接受一个参数数组，而call()方法接受多个参数。
• 返回值 ：apply()方法返回函数调用的结果，而call()方法不返回任何值。
• 使用场景 ：apply()方法通常用于将一个函数绑定到一个对象，并使用该对象作为函数的this值来调用该函数。call()方法通常用于将一个函数绑定到一个对象，并使用该对象作为函数的this值来调用该函数，同时还可以传递多个参数。

总结

this/apply/call是JavaScript中非常重要的三个函数，理解这三个函数的区别对于前端工程师来说非常重要。通过灵活使用这三个函数，我们可以更灵活地使用JavaScript语言，编写出更加健壮和可维护的代码。