剖析call、apply、bind、new，直击JavaScript进阶高阶用法

在JavaScript进阶之路上，总会遇到一些令初学者眼花缭乱的知识，比如：call、apply、bind和new。这些方法在很多大厂的面试题中都扮演着举足轻重的角色，对于想要快速晋升或面试大厂的开发者来说，掌握这些知识至关重要。因此，我们推出这篇文章——「JavaScript进阶」一文吃透call、apply、bind、new，作为你的学习宝典。

call()和apply()：函数的借用大法

在JavaScript中，函数不仅仅是代码的集合，它们也是对象。call()和apply()这两个方法允许你将一个函数绑定到另一个对象，然后以该对象的上下文来执行该函数。

• call()方法 ：call()方法接受两个参数：第一个参数是要绑定的对象，第二个参数是一个参数数组。当你调用call()方法时，该函数将在指定的上下文中执行，并且将参数数组中的值作为函数的参数。
• apply()方法 ：apply()方法也接受两个参数：第一个参数是要绑定的对象，第二个参数是一个参数列表。apply()方法与call()方法的区别在于，apply()方法的第二个参数不是数组，而是参数列表。

bind()方法：函数的代理高手

bind()方法与call()和apply()方法类似，但它并不立即执行函数。相反，bind()方法创建一个新的函数，该函数已绑定到指定的上下文。当你调用这个新的函数时，它将在指定的上下文中执行，并且将参数数组中的值作为函数的参数。

bind()方法非常适合创建事件处理程序或回调函数。例如，你可以使用bind()方法将一个函数绑定到一个DOM元素，以便当该元素被点击时执行该函数。

new创建对象的大师

new用于创建一个新的对象。当你使用new关键字时，你会创建一个该对象的实例。该实例将具有与该对象相同的属性和方法。

new关键字非常适合创建自定义对象。例如，你可以创建一个名为“Person”的对象，该对象具有“name”和“age”属性。然后，你可以使用new关键字创建一个新的“Person”对象，并为该对象设置“name”和“age”属性的值。

举一反三：实例解析

为了帮助你更好地理解这些概念，我们来看一个实例：

function greet(name) {
  console.log("Hello, " + name + "!");
}

var person = {
  name: "John Doe"
};

greet.call(person); // Hello, John Doe!

在这个例子中，我们定义了一个名为“greet()”的函数，它接受一个参数“name”，并打印一个问候信息。然后，我们定义了一个名为“person”的对象，它有一个名为“name”的属性。最后，我们使用call()方法将“greet()”函数绑定到“person”对象，然后调用该函数。当我们调用该函数时，它将在“person”对象的上下文中执行，并使用“person”对象的“name”属性的值作为参数。

总结：JavaScript进阶之法宝

总而言之，call()、apply()、bind()和new是JavaScript中非常强大的方法，掌握这些方法可以帮助你写出更简洁、更优雅的代码。如果你想在JavaScript进阶之路上更上一层楼，那么强烈建议你学习和掌握这些方法。