🌈函数声明(Function Declaration):
函数声明是将函数定义为整个代码块的声明,具有以下几个特点:
使用关键字“function”定义;
必须提供函数名称;
函数声明会被提升(hoisted)到所在作用域的顶部。
示例🌟:
function add(x, y) {
return x + y;
}
🔮函数表达式(Function Expression):
函数表达式使用表达式创建一个匿名函数,具有以下几个特点:
使用关键字 “function” 定义,无需提供函数名称;
通常将函数表达式赋值给一个变量;
函数表达式形式相对灵活,可作为参数传递给其他函数;
函数表达式不会被提升(hoisted)。
示例🌟:
const add = function(x, y) {
return x + y;
}
😆函数声明与函数表达式的区别:
- 提升(hoisting):函数声明会被提升到代码所在作用域的顶部,而函数表达式不会。这意味着在声明之前调用函数声明是有效的,但调用函数表达式则会报错;
- 命名:函数声明需要一个函数名,而函数表达式不需要;
- 作为参数传递:函数表达式可以作为参数传递给其他函数,而函数声明不适合直接传递。
演示函数提升的示例代码🌟:
add(1, 2); // 结果为3,这里不会报错
function add(x, y) {
return x + y;
}
sub(1, 2); // 报错:TypeError: sub is not a function
const sub = function (x, y) {
return x - y;
};
🎈函数声明和函数表达式的优缺点:
- 函数声明的优点:由于提升(hoisting),在函数实际定义之前就可以调用;
- 函数声明的缺点:不够灵活,不适合作为匿名函数使用,不适合作为参数传递给其他函数;
- 函数表达式的优点:灵活性高,可作为匿名函数使用,可作为参数传递给其他函数;
- 函数表达式的缺点:由于不具备提升(hoisting)特性,在函数实际定义之前调用会报错。