javascript 用函数语句和表达式定义函数的区别解读

发布时间：2023-09-11 14:43:52 所属栏目：教程来源：

导读：使用javascript多年，写过无数函数，今天却才真正弄明白两种函数定义的区别，真是悲剧，写下这个随笔，以时刻提醒自己要打好基础，一大把年纪了，不能继续懵懵懂懂了。

通常我们会看到以下两种定义函数的方式

使用javascript多年，写过无数函数，今天却才真正弄明白两种函数定义的区别，真是悲剧，写下这个随笔，以时刻提醒自己要打好基础，一大把年纪了，不能继续懵懵懂懂了。

通常我们会看到以下两种定义函数的方式：

代码如下:

// 函数语句

function fn(str)

{

  console.log(str);

};

// 表达式定义

var fnx=function(str)

{

  console.log(str+ ' from fnx');

};

以前都是凭借自己手指的感觉随心所欲使用两者 -_- || ，今天看了js基础，总算是解决了心中对他们的困惑：

两种方式都创建了新的函数对象，但函数声明语句的函数名是一个变量名，变量指向函数对象，和通过var声明变量一样，函数定义语句中的函数被显示地提前到了脚本或函数的顶部，因此它们在整个脚本和函数内都是可见的，但是使用var 表达式定义函数，只有变量声明提前了，变量初始化代码仍然在原来的位置，用函数语句创建的函数，函数名称和函数体均被提前，所以我们可以在声明它之前就使用它。

代码例子如下:

代码如下:

   console.log(typeof(fn)); // function

    fn('abc'); // abc

    console.log(typeof(fnx)); // undefined

    if(fnx)

        fnx('abc'); // will not execute

    else

        console.log('fnx is undefined'); // fnx is undefined

    // 函数语句

    function fn(str)

    {

        console.log(str);

    };

    // 表达式定义

    var fnx=function(str)

    {

        console.log(str+ ' from fnx');

    };

代码很简单，希望和我之前一样没有弄明白两者区别的同学能有所收获。

（编辑：聊城站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!