前端 JavaScript 进阶面试题, JavaScript 中 call,apply 及 bind 函数有什么区别?

Step 1

Q:: JavaScript 中 call、apply 及 bind 函数有什么区别？

A:: call、apply 和 bind 都是用来改变函数内部 this 指向的方法。call 方法接受多个参数，将这些参数传递给函数，立即执行函数；apply 方法接受一个数组作为参数，将数组中的元素作为参数传递给函数，立即执行函数；bind 方法不会立即执行函数，而是返回一个新的函数，并且可以传递参数。

Step 2

Q:: 如何使用 JavaScript 中的 call 方法？

A:: 在 JavaScript 中，call 方法用于调用一个函数，并将第一个参数作为函数内部的 this 指向。后续的参数会作为函数的参数传入。例如：function greet() { console.log(this.name); } let person = { name: 'Alice' }; greet.call(person); // 输出: Alice

Step 3

Q:: 如何使用 JavaScript 中的 apply 方法？

A:: apply 方法与 call 方法类似，但它接收一个包含函数参数的数组。使用示例如下：function sum(a, b) { return a + b; } let args = [2, 3]; console.log(sum.apply(null, args)); // 输出: 5

Step 4

Q:: 如何使用 JavaScript 中的 bind 方法？

A:: bind 方法返回一个新的函数，并将传入的第一个参数作为新的函数内部的 this 指向。示例如下：function greet() { console.log(this.name); } let person = { name: 'Alice' }; let greetPerson = greet.bind(person); greetPerson(); // 输出: Alice

Step 5

Q:: call 和 apply 的使用场景有什么不同？

A:: 当参数已知且独立时，使用 call 更方便；当参数以数组形式存在时，apply 更适合。例如在数学运算中，Math.max.apply(null, [1, 2, 3]) 会返回最大值 3。

Step 6

Q:: 如何在 JavaScript 中模拟 bind 方法？

A:: 可以使用闭包来模拟 bind 方法，具体实现如下：Function.prototype.myBind = function(context) { var self = this; return function() { return self.apply(context, arguments); }; };