• 函数的定义
  • 1.普通函数定义
  • 2.带参数的函数
  • 3.带返回值的函数
  • 4.匿名函数方式
  • 5.箭头函数
  • 6.函数体内用arguments关键字接收所有的参数

函数的定义

1.普通函数定义

基本格式

function functionName(parameters) {
    // 函数体
    // 可以包含多条语句;
}

例子如下

function fun() {
    console.log('hello,word')
}

fun()

效果如图

2.带参数的函数

基本格式

function functionName(parameter1, parameter2, /* ... */) {
    // 函数体，可以使用参数进行操作
    // ...
    return /* some value or result */;
}

• function：关键字用于声明函数。
• functionName：函数的名称，根据需要命名。
• (parameter1,parameter2,/*…*/)：括号内是参数列表，你可以在这里列出函数需要接受的参数。参数是函数内部可以使用的变量，可以有多个参数，用逗号分隔。
• {}：大括号内是函数体，包含了实际的执行代码。
• return：可选的关键字，用于从函数中返回一个值。

例子如下：

// 带参函数
function fun(a, b){
    console.log("参数a", "+", "参数b结果为", a+b)

}

fun(1,2)

效果如图

、

3.带返回值的函数

基本格式

function functionName(parameters) {
    // 函数体;
    // 可以包含多条语句;
    return//用于返回值
}

例子代码

function fun() {
    var a = 1;
    var b = 2;
    return (a+b);
}

console.log(fun());

效果如图

在调用时可以直接fun()来使用，但是因为return的原因需要使用输出的形式。

4.匿名函数方式

基本格式

var add = function(x, y) {
    return x + y;
};

这里，function(x,y){return x+y;}就是一个匿名函数，通过函数表达式的方式赋值给变量add。就是这个函数方法是匿名的，看似是add的功能实际是function定义的函数实现的。

例子代码

// 匿名函数
var fun=function(x,y){
    console.log(x+y);
};
fun(1,2)

效果如图

5.箭头函数

基本格式如下

var f = v => v; // 等同于
var f = function(v){
    return v;
}

例子如下

// 箭头函数
var f = () => 5;

console.log(f());

效果如图

然后就是带参数的情况

效果如图

6.函数体内用arguments关键字接收所有的参数

arguments是一个在js函数中自动创建的局部变量。它包含传递给函数的参数的类似数组的对象。arguments对象有一个length属性，指示传递给函数的参数数量。

基本格式

function exampleFunction() {
  console.log(arguments);
} 

作用：

• 访问传递给函数的参数。

• 不像命名参数一样限制参数的数量，允许你编写可以接受任意数量参数的函数。

使用方式：

• 通过索引访问参数，类似于数组。例如，arguments[0]表示第一个参数。
• 使用length属性获取传递给函数的参数数量。

例子如下

// 关键字arguments
function fun(){
  console.log(arguments);
  console.log("第一参数是:",arguments[0]);
  console.log("第二参数是:", arguments[1]);
  console.log("第三参数是:",arguments[2]);
  console.log("总共传递了",arguments.length,"的数量");
}

fun("123", "456", "789")

效果如图

arguments关键字就是那些传进来参数的值。