JavaScript中的函数声明和函数表达式

在JavaScript中，函数是一种非常重要的数据类型，它可以像普通变量一样被定义、传递和调用。本文将详细介绍JavaScript中的函数声明和函数表达式两种方式，并提供易于理解的代码案例。

函数声明

函数声明是一种创建函数的方式，语法如下：

function 函数名(参数1,参数2,...){
    //函数体
}

其中，function是声明函数的关键字，函数名是函数的名称，参数1,参数2,...是函数的参数列表，多个参数之间用逗号分隔，{}之间是函数体，包含了函数要执行的代码。

下面是一个求和函数的例子：

function sum(a,b){
    return a+b;
}
console.log(sum(1,2)); //输出3

在这个例子中，sum是函数名，a,b是参数列表，return a+b;是函数体，表示将参数a和b相加并返回结果。

函数表达式

函数表达式是另一种创建函数的方式，语法如下：

var 函数名 = function(参数1,参数2,...){
    //函数体
}

其中，var 函数名是声明函数的变量名，function(参数1,参数2,...){}是匿名函数，{}之间是函数体，包含了函数要执行的代码。

下面是一个求差函数的例子：

var diff = function(a,b){
    return a-b;
}
console.log(diff(3,2)); //输出1

在这个例子中，diff是函数的变量名，a,b是参数列表，return a-b;是函数体，表示将参数a和b相减并返回结果。

函数细节用法

在使用函数时，有一些细节需要注意：

• 函数名和变量名不能相同，因为它们在同一作用域内。
• 函数可以没有参数，也可以有多个参数，参数之间用逗号分隔。
• 函数的参数可以有默认值，例如：

function sayHello(name = 'world'){
    console.log(`Hello, ${name}!`);
}
sayHello(); //输出Hello, world!
sayHello('JavaScript'); //输出Hello, JavaScript!

在这个例子中，name = 'world'表示如果没有传入name参数，则默认值为'world'。

• 函数可以返回任意类型的值，甚至是函数自身：

function foo(){
    console.log('foo');
    return bar;
}
function bar(){
    console.log('bar');
}
foo()(); //输出foo和bar

在这个例子中，foo函数返回bar函数本身，相当于直接调用bar函数。

• 函数可以作为参数传递给其他函数：

function add(a,b){
    return a+b;
}
function operate(a,b,operator){
    return operator(a,b);
}
console.log(operate(1,2,add)); //输出3

在这个例子中，operate函数接受三个参数，其中第三个参数是一个函数，表示对前两个参数执行何种操作，这里传入的是add函数。

本文介绍了JavaScript中的函数声明和函数表达式两种创建函数的方式，以及函数的基本用法和一些细节，希望对编程小白有所帮助。

本文为翻滚的胖子原创文章,转载无需和我联系,但请注明来自猿教程iskeys.com

• 上一篇： JavaScript中的条件语句和逻辑运算
• 下一篇： JavaScript中的字符串处理和常用方法