理解 JavaScript 函数:综合指南

JavaScript 函数是任何 JavaScript 应用程序的基本构建块。它们允许您封装可重复使用的代码块,使您的程序更有条理、更高效、更易于维护。在本文中,我们将探讨在 JavaScript 中定义和使用函数的各种方法,从传统的命名函数到更简洁的箭头函数语法。

1. 命名函数

命名函数使用“function”关键字声明,后跟名称、一组括号“()”和花括号“{}”括起来的代码块。

function myFunction() {
  console.log('codingtute');
}

myFunction(); // Prints: codingtute

您还可以将参数传递给命名函数:

function myFunction(parameter1) {
  console.log(parameter1);
}

myFunction(10); // Prints: 10

2.匿名函数:

匿名函数是没有名称的函数。它们通常用作回调函数或在表达式中定义函数。

const myFunction = function() {
  console.log('codingtute');
};

myFunction(); // Prints: codingtute

与命名函数一样,匿名函数也可以接受参数:

const myFunction = function(parameter1) {
  console.log(parameter1);
};

myFunction(10); // Prints: 10
  • 箭头函数:
  • 箭头函数为定义函数提供了更简洁的语法。它们是在 ES6(ECMAScript 2015)中引入的。

    3.1 无参数的箭头函数:

    当箭头函数没有参数时,可以使用空括号 ():

    const myFunction = () => {
      console.log('codingtute');
    };
    
    myFunction(); // Prints: codingtute