📜  JavaScript函数调用(1)

📅  最后修改于: 2023-12-03 14:42:41.171000             🧑  作者: Mango

JavaScript函数调用

在 JavaScript 中,函数是可以被调用的代码块。函数可以被多次调用,每次调用都会执行函数内的代码。

定义函数

定义函数使用 function 关键字,后跟函数的名称和括号。括号中可以包含参数。函数代码块使用大括号 {} 定义。如下所示:

function functionName(parameter1, parameter2, parameter3) {
  // 函数的代码块
}

下面是一个简单的示例函数:

function sayHello(name) {
  console.log(`Hello ${name}!`);
}
调用函数

函数调用是通过函数名称和括号完成的。如果函数有参数,则在括号中传递参数。如下所示:

functionName(argument1, argument2, argument3);

下面是一个调用 sayHello() 函数的示例:

sayHello("Tom"); // 输出 Hello Tom!
返回值

函数可以返回一个值。如果函数没有返回值,则返回 undefined。如下所示:

function functionName() {
  return value;
}

下面是一个简单的示例函数,它返回两个数的和:

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

要在调用函数时获取函数的返回值,可以将函数调用语句赋值给一个变量。如下所示:

const sum = add(1, 2); // sum 的值为 3
console.log(sum);
匿名函数

在 JavaScript 中,函数可以作为值传递。这种函数称为匿名函数。如下所示:

const functionName = function(parameter1, parameter2, parameter3) {
  // 函数的代码块
};

下面是一个简单的示例:

const sayHello = function(name) {
  console.log(`Hello ${name}!`);
};
sayHello("Tom"); // 输出 Hello Tom!
箭头函数

箭头函数是一种更简洁的匿名函数语法。如下所示:

const functionName = (parameter1, parameter2, parameter3) => {
  // 函数的代码块
};

下面是一个简单的示例:

const sayHello = name => console.log(`Hello ${name}!`);
sayHello("Tom"); // 输出 Hello Tom!
预定义函数

JavaScript 中有很多内置函数。这些函数在使用时无需定义,直接调用即可。如下所示:

const num = Math.round(5.5); // num 的值为 6
console.log(num);

在这个例子中,Math.round() 函数是一个内置函数,它将参数四舍五入为最接近的整数。

小结

JavaScript 中的函数是一种用于封装可重复使用的代码块的工具。函数可多次调用,可传递参数和返回值。函数也可以匿名,并作为值传递。内置函数是 JavaScript 中有用的一部分。