js函数以及js函数表达式

最新推荐文章于 2023-12-24 16:13:44 发布

原创最新推荐文章于 2023-12-24 16:13:44 发布 · 816 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#js函数 #js #js函数表达式

javascript 专栏收录该内容

5 篇文章

订阅专栏

本文介绍了JavaScript中函数声明和函数表达式的格式及其主要区别，包括执行方式的不同、解析时机的差异以及命名函数表达式与匿名函数表达式的特性。

一声明与表达式的格式
- 1 声明式的格式
- 2 表达式的格式
二区别

一、声明与表达式的格式

1.1 声明式的格式：

函数声明: function 函数名(){}

例子：

function aaa(){}  // 函数声明

1.2 表达式的格式：

函数表达式: function 函数名（可写可不写）(){} : 分别代表：命名函数表达式，匿名函数表达式

例子：

var a = function aaa(){} // 函数表达式
var a = function(){} // 函数表达式
(function aaa(){}) // 函数表达式
~function aaa(){}
-function aaa(){}
+function aaa(){}
!function aaa(){}

二、区别

2.1 函数表达式可以直接在后面加括号执行，而函数声明不可以。

也就是说，函数表达式可以通过直接加()来执行这个函数

如：

function aaa(){alert(1)}(); // 这是不可以的

但是，如果是函数表达式

var a = function aaa(){alert(1)}(); // 可以的
~function aaa(){alert(2)}();

2.2 函数表达式可以被提前解析出来

看下面例子：这两个例子中，执行结果的不一样，可以看出函数表达式是提前被解析出来的。
如果需要通过判断来调用不同函数(函数名相同)，最好使用函数表达式

if(true){
    function aaa(){
        alert(1);
    }
}else{
    function aaa(){
        alert(2);
    }
}
aaa(); //2

if(true){
    var a = function aaa(){
        alert(1);
    }
}else{
    var a = function aaa(){
        alert(2);
    }
}
a(); //1

2.3 命名函数表达式跟匿名函数表达式的区别

看例子：

var a = function aaa(){
    alert(1);
    alert(typeof aaa); // 内部可以找到
}
a();
aaa(); // 外部找不到