JS 调用函数|极客笔记

JS 调用函数

在JavaScript中，函数是一种可重复使用的代码块，用于执行特定任务或计算结果。通过调用函数，我们可以在程序中多次使用相同的代码，提高代码的复用性和可维护性。

定义函数

在JavaScript中，我们可以通过function关键字来定义函数。函数的基本语法如下：

function functionName(parameters) {
  // 函数体
  // 多条语句
  return returnValue;
}

其中，functionName为函数的名称，用于在其他地方调用该函数；parameters为函数的参数列表，可以是多个参数，也可以没有参数；函数体是一组需要执行的语句；return关键字用于返回函数执行的结果。

下面是一个简单的示例，定义了一个加法函数add：

function add(a, b) {
  return a + b;
}

调用函数

在定义了函数之后，我们可以在程序的其他地方调用该函数。调用函数的语法很简单，只需要使用函数名和参数列表即可。

var result = add(5, 3);
console.log(result); // 输出8

在上面的示例中，我们调用了add函数，并传递了两个参数5和3。函数执行后返回了结果8，我们将结果存储在变量result中，并通过console.log()函数将结果输出到控制台。

函数参数

函数可以接受多个参数，也可以不接受任何参数。在调用函数时，可以根据函数的定义传递相应数量的参数。

没有参数的函数

如果函数不需要任何参数，可以在定义函数时省略参数列表，然后在调用函数时也不传递任何参数。

function sayHello() {
  console.log("Hello, World!");
}

sayHello(); // 输出Hello, World!

默认参数值

在ES6中，我们可以为函数的参数设置默认值，这样在调用函数时如果缺少参数，会自动使用默认值。

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

greet(); // 输出Hello, Guest!
greet("Alice"); // 输出Hello, Alice!

不定数量的参数

如果函数的参数个数在调用时不确定，我们可以使用不定数量的参数，可以通过arguments对象来处理这些参数。

function sum() {
  let total = 0;
  for (let i = 0; i < arguments.length; i++) {
    total += arguments[i];
  }
  return total;
}

console.log(sum(1, 2, 3)); // 输出6
console.log(sum(4, 5, 6, 7)); // 输出22

函数返回值

函数可以执行一些操作并返回一个值。在函数体中使用return语句来返回函数的结果。

如果函数没有明确指定返回值，那么它将返回undefined。

function multiply(a, b) {
  return a * b;
}

var result = multiply(4, 5);
console.log(result); // 输出20

函数作为值

在JavaScript中，函数是一种特殊的对象，因此可以像其他变量一样传递和使用。我们可以将函数赋值给变量，也可以将函数作为参数传递给其他函数。

函数赋值给变量

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

greet("Alice"); // 输出Hello, Alice!

函数作为参数传递

function greet(name) {
  return "Hello, " + name + "!";
}

function sayHello(greeter, name) {
  console.log(greeter(name));
}

sayHello(greet, "Bob"); // 输出Hello, Bob!

箭头函数

ES6引入了箭头函数的概念，可以更简洁地定义函数。箭头函数没有自己的this和arguments，它们继承自父作用域。

var add = (a, b) => a + b;

console.log(add(3, 4)); // 输出7

闭包

闭包是指可以访问父作用域变量的函数。闭包通常用于封装变量，实现函数的私有化。

function counter() {
  var count = 0;
  return function() {
    count++;
    return count;
  };
}

var increment = counter();
console.log(increment()); // 输出1
console.log(increment()); // 输出2

回调函数

回调函数是一种常见的函数调用方式，用于处理异步操作。将一个函数作为参数传递给另一个函数，在适当的时机调用该函数。

function fetchData(callback) {
  setTimeout(function() {
    var data = "Data from API";
    callback(data);
  }, 2000);
}

function processData(data) {
  console.log("Process data: " + data);
}

fetchData(processData);