JavaScript 中函数有很多种用法,以下是其中的一些常见用法及示例: 函数声明(Function Declaration) 函数声明是最常见的定义函数的方式。使用 function 关键字定义一个函数,并给函数起一个名称。 示例:
function greet(name) { console.log(`Hello, ${name}!`); } greet("Alice"); // 输出:Hello, Alice!
函数表达式(Function Expression) 函数表达式定义一个匿名函数,并将其赋值给一个变量。 示例:
const greet = function(name) { console.log(`Hello, ${name}!`); }; greet("Bob"); // 输出:Hello, Bob!
箭头函数(Arrow Function) 箭头函数是 ES6 中引入的一种新的函数定义语法。它可以简化函数的书写,并且可以更方便地处理 this 指向的问题。 示例:
const greet = (name) => { console.log(`Hello, ${name}!`); }; greet("Charlie"); // 输出:Hello, Charlie!
带默认参数的函数 JavaScript 中可以给函数参数设置默认值,当调用函数时没有传递参数时,将会使用默认值。 示例:
function greet(name = "World") { console.log(`Hello, ${name}!`); } greet(); // 输出:Hello, World! greet("David"); // 输出:Hello, David!
剩余参数(Rest Parameters) 剩余参数可以让我们在函数中接收一个变长参数的列表。 示例:
function sum(...numbers) { return numbers.reduce((total, num) => total + num, 0); } console.log(sum(1, 2, 3)); // 输出:6 console.log(sum(4, 5, 6, 7)); // 输出:22
函数作为参数 JavaScript 中的函数可以像普通变量一样被传递作为参数给另一个函数使用。 示例:
function greet(name) { console.log(`Hello, ${name}!`); } function greetUser(greeterFunction) { greeterFunction("Emily"); } greetUser(greet); // 输出:Hello, Emily!
函数作为返回值 JavaScript 中的函数也可以作为另一个函数的返回值。 示例:
function createGreeter(greeting) { return function(name) { console.log(`${greeting}, ${name}!`); }; } const greetInEnglish = createGreeter("Hello"); greetInEnglish("Frank"); // 输出:Hello, Frank! const greetInFrench = createGreeter("Bonjour"); greetInFrench("Gina"); // 输出:Bonjour, Gina!
这些只是 JavaScript 中函数用法的一些常见示例,还有其他的用法,如递归函数、立即执行函数等。