首页 > 代码库 > javascript 用函数语句和表达式定义函数的区别详解

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

2024-07-18 13:57:48   215人阅读

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

// 函数语句function fn(str){  console.log(str);};// 表达式定义var fnx=function(str){  console.log(str+ ‘ from fnx‘);};

两种方式都创建了新的函数对象， 但函数声明语句的函数名是一个变量名， 变量指向函数对象，
和通过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‘);    };

 


联系
我们