JavaScript之命名表达式

近期一直在看汤姆大叔写的博文,他所介绍的知识点与理论较为清晰,命名函数表达式是我之前从没有去进行深究过的原理,虽然已多次在项目中使用javascript,但基础还是不都扎实,多看多思多想是一直必须坚持的。这篇文章作为学习笔记,很多知识点都是汤姆大叔所总结的,汤姆大叔博客链接在文末。

函数声明:function 函数名称(参数:可选){函数体}
函数表达式:function 函数名称(可选)(参数:可选){函数体}
如果不声明函数名称,肯定是表达式
如果function foo(){}是作为赋值表达式的一部分的话,就是函数表达式;如果fuction foo(){}被包含在一个函数体内,或者位于程序的最顶部的话,那它就是一个函数声明

function foo(){
    
    }//声明,因为是程序的一部分
var bar=function foo(){
    
    };//表达式,赋值表达式
new function bar(){
    
    };//表达式,new表达式
(function(){
    
    //表达式,()是一个分组操作符,它的内部只能包含表达式
    function bar(){
    
    }//声明,函数体的一部分
})();

区别:
1.函数声明会在任何表达式被解析和求值之前先被解析和求值。注意:函数声明在条件语句内可以使用,但不同的环境可能有不同的执行结果,最好使用函数表达式。
2.函数声明只能出现在程序或函数体内,不能出现在block内(if、while、for语句中)
3.函数语句不是在变量初始化期间声明的,而是在运行时声明的(与函数表达式一样)。函数语句的标识符一旦声明能在函数的整个作用域生效了。

// 此刻,foo还没用声明
  typeof foo; // "undefined"
  if (true) {
    // 进入这里以后,foo就被声明在整个作用域内了
    function foo(){
    
     return 1; }
  }
  else {
    // 从来不会走到这里,所以这里的foo也不会被声明
    function foo(){
    
     return 2; }
  }
  typeof foo; // "function"

猜你喜欢

转载自blog.csdn.net/zn740395858/article/details/70316422
今日推荐