JS函数如何定义和调用

JS函数的定义方式

JS函数的定义有多种常见形式，不同形式适用于不同的开发场景，下面分别介绍几种主流的定义方法。

1. 函数声明

函数声明是最基础的函数定义方式，使用function关键字直接定义函数，特点是会存在函数提升，在函数定义前就可以调用。

// 函数声明定义函数
function add(num1, num2) {
    // 返回两个参数的和
    return num1 + num2;
}

2. 函数表达式

函数表达式是将函数赋值给一个变量，这种定义方式不存在函数提升，必须在定义之后才能调用。

// 函数表达式定义函数
const multiply = function(num1, num2) {
    // 返回两个参数的乘积
    return num1 * num2;
};

3. 箭头函数

箭头函数是ES6新增的函数定义语法，语法更简洁，并且没有自身的this指向，适合用于回调函数等场景。

// 箭头函数定义函数
const subtract = (num1, num2) => {
    // 返回两个参数的差
    return num1 - num2;
};

// 当函数体只有一行返回语句时，可以省略大括号和return
const divide = (num1, num2) => num1 / num2;

JS函数的调用方式

定义好的函数需要通过调用才能执行内部的逻辑，不同的函数定义方式对应的调用规则基本一致，常见调用场景如下。

1. 直接调用

直接通过函数名加括号的方式调用，是最基础的调用形式，有参数时传入对应参数即可。

// 调用前面定义的add函数
const sum = add(3, 5);
console.log(sum); // 输出8

// 调用箭头函数divide
const result = divide(10, 2);
console.log(result); // 输出5

2. 作为对象方法调用

当函数作为对象的属性时，称为对象的方法，调用时通过对象.方法名的形式执行，函数内部的this指向该对象。

// 定义包含函数的对象
const user = {
    name: '张三',
    // 对象方法
    sayHello: function() {
        console.log('你好，我是' + this.name);
    }
};

// 调用对象方法
user.sayHello(); // 输出：你好，我是张三

3. 带参数的调用与返回值处理

函数可以接收外部传入的参数，也可以通过return返回处理结果，调用时可以根据需要处理返回值。

// 定义带默认参数的函数
function greet(name = '访客') {
    return '欢迎你，' + name;
}

// 传入参数调用
const greeting1 = greet('李四');
console.log(greeting1); // 输出：欢迎你，李四

// 不传参数调用，使用默认参数
const greeting2 = greet();
console.log(greeting2); // 输出：欢迎你，访客

函数定义与调用的注意事项

• 函数声明存在提升，在函数定义前调用不会报错；函数表达式和箭头函数不存在提升，提前调用会报错。
• 箭头函数没有自身的this，它的this指向定义时所在的上下文，不适合作为对象方法使用。
• 函数调用时传入的参数数量和定义时的参数数量可以不一致，未传参的参数值为undefined，多余的参数会被忽略。
• 如果函数没有return语句，默认返回undefined。

JavaScript函数定义函数调用函数参数function修改时间：2026-06-13 03:03:22