剖析 JavaScript 中函数的本质：类型、定义方式、运行机制

2023-12-03 01:55:17

函数的本质：JavaScript 中的对象公民

在 JavaScript 中，函数是一种一等公民，这意味着它们可以像其他数据类型一样被分配给变量、作为参数传递或作为返回值返回。函数本身也是对象，它们具有属性和方法，可以像其他对象一样被操作。

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

// 作为变量被分配
const sayHello = greet;

// 作为参数传递
setTimeout(greet, 1000, 'Alice');

// 作为返回值返回
function createGreeter(name) {
  return function() {
    console.log(`Hello, ${name}!`);
  };
}

const greetAlice = createGreeter('Alice');
greetAlice(); // 输出: Hello, Alice!

函数定义的四种方式

在 JavaScript 中，有四种定义函数的方式：

函数声明 ：这是最传统的方式，使用 function 来声明一个函数。

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

函数表达式 ：这种方式使用一个匿名函数，并将其分配给一个变量。

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

箭头函数 ：这是 ES6 中引入的一种更简洁的函数定义方式，使用 => 符号来表示函数体。

const greet = (name) => {
  console.log(`Hello, ${name}!`);
};

立即执行函数 ：这种方式将函数定义与函数调用结合在一起，使用圆括号 () 将函数立即执行。

(function() {
  console.log('Hello, world!');
})(); // 立即执行

立即执行函数和闭包的语法

立即执行函数

立即执行函数 (IIFE) 是一种在定义函数的同时立即执行它的方式。这可以通过在函数定义后面加上圆括号 () 来实现。

(function() {
  console.log('Hello, world!');
})(); // 立即执行

IIFE 通常用于封装代码，防止它污染全局作用域。它还可用于创建私有变量和函数，这在 JavaScript 中是很有用的，因为 JavaScript 没有块级作用域。

闭包

闭包是一个函数及其所创建的变量环境的组合。闭包允许函数访问其创建时的变量，即使函数已经执行完毕。

function createCounter() {
  let count = 0;

  return function() {
    count++;
    console.log(count);
  };
}

const counter = createCounter();
counter(); // 输出: 1
counter(); // 输出: 2