揭秘函数进阶之妙招：妙用call、apply与bind，解锁函数的无限可能

2023-10-27 16:20:27

前言

函数是JavaScript中不可或缺的基本构建块，它封装了代码，便于重复使用。在函数进阶的道路上，你将学习到如何改变函数内部指向，使函数更加灵活和强大。本文将为你介绍三种改变函数内部指向的方法：call、apply和bind。此外，你还将了解严格模式及其在函数中的应用，让你对JavaScript的作用域和闭包概念有更深入的理解。

call、apply和bind方法

这三个方法都是JavaScript内置的方法，用于改变函数内部指向。它们可以让你在不同的对象上调用函数，即使该函数不是该对象的成员。

call方法 ：call方法接受两个参数：第一个参数是将函数应用到的对象，第二个参数是函数的参数列表。例如：

function greet(name) {
  console.log(`Hello, ${name}!`);
}

greet.call(null, "John"); // 输出："Hello, John!"

在这个例子中，greet函数被应用到了null对象上，因此它内部的this指向了null。

apply方法 ：apply方法与call方法类似，但它接受一个数组作为函数的参数列表，而不是一个参数列表。例如：

function greet(name) {
  console.log(`Hello, ${name}!`);
}

greet.apply(null, ["John"]); // 输出："Hello, John!"

在这个例子中，greet函数被应用到了null对象上，并且参数列表["John"]作为第二个参数传入。

bind方法 ：bind方法与call和apply方法不同，它不会立即调用函数，而是返回一个新的函数。这个新函数的内部指向被绑定到了bind方法的第一个参数，并且可以像普通函数一样调用。例如：

function greet(name) {
  console.log(`Hello, ${name}!`);
}

const greetJohn = greet.bind(null, "John");

greetJohn(); // 输出："Hello, John!"

在这个例子中，greet函数被绑定到了null对象上，并且返回了一个新的函数greetJohn。当greetJohn被调用时，它内部的this指向了null。

严格模式

严格模式是JavaScript的一种运行模式，它可以帮助你编写更安全、更健壮的代码。严格模式下，JavaScript会更加严格地检查代码的语法和语义，并抛出错误来提示你潜在的问题。要开启严格模式，你可以在脚本文件或函数的顶部添加"use strict";。

"use strict";

function greet(name) {
  console.log(`Hello, ${name}!`);
}

greet("John"); // 输出："Hello, John!"

在这个例子中，greet函数被置于严格模式下。当greet函数被调用时，它内部的this指向了undefined，因为严格模式下不允许默认绑定。

作用域和闭包

作用域是JavaScript中一个重要的概念。它定义了变量的可见性范围。在JavaScript中，作用域分为两种：全局作用域和局部作用域。全局作用域是指在脚本文件中定义的变量，可以在脚本文件的任何地方访问。局部作用域是指在函数中定义的变量，只能在该函数内部访问。

闭包是指一个函数及其内部作用域的组合。闭包允许函数访问其定义时所处作用域的变量，即使该函数已经执行完毕。

function outer() {
  let name = "John";

  function inner() {
    console.log(`Hello, ${name}!`);
  }

  return inner;
}

const greetJohn = outer();

greetJohn(); // 输出："Hello, John!"