DEV Community ·

JavaScript中的call()、apply()和bind()方法

💡 原文英文，约300词，阅读约需2分钟。

📝

内容提要

call()、apply()和bind()是JavaScript的内置方法。call()和apply()立即调用函数，前者用逗号分隔参数，后者用数组传递参数。bind()返回一个新函数，延迟执行。三者都可以设置“this”上下文，支持函数重用。

🎯

🔎

在JavaScript中，正确设置函数的this上下文至关重要。call()、apply()和bind()方法都可以帮助开发者控制this的指向，从而确保函数在预期的对象上执行。这对于处理事件和回调函数时尤为重要，避免了常见的上下文错误。

在使用call()、apply()和bind()时，开发者应根据需求选择合适的方法。如果需要立即执行函数并传递参数，call()或apply()是理想选择；而如果希望延迟执行并预设参数，则应使用bind()。了解这些差异可以提高代码的灵活性和可读性。

虽然call()和apply()可以立即执行函数，但频繁使用可能会影响性能，尤其是在高频调用的场景中。相对而言，bind()创建的新函数可以在需要时调用，减少了不必要的执行。因此，在性能敏感的应用中，合理选择使用这些方法是非常重要的。

❓

call()方法立即调用函数，使用逗号分隔参数，并可以设置“this”上下文。

apply()方法也立即调用函数，但参数以数组形式传递，而call()使用逗号分隔的参数。

bind()方法返回一个新函数，允许延迟执行，并设置“this”上下文。

使用call()时，传入函数和逗号分隔的参数；使用apply()时，传入函数和参数数组。

call()和apply()方法返回函数调用的结果。

bind()方法返回一个带有指定this上下文的新函数，而不是函数调用的结果。

🏷️