JavaScript函数声明和函数表达式的区别

 更新时间:2022年06月07日 14:30:58   作者:musicBird  
这篇文章主要介绍了JavaScript函数声明和函数表达式的区别,文章围绕主题展开详细的内容介绍,具有一定的参考价值,需要的小伙伴可以参考一下

一、写法不一样

 //函数声明
  let res1 = sum1(10 , 20)
  console.log(res1)
  function sum1(num1, num2) {
      return num1 + num2
  }

  //函数表达式
  let res2 = sum2(10 , 20)
 console.log(res2)
 let sum2 = function ( num1, num2 ){
     return num1 + num2
 }

二、函数声明加载

函数声明可以把函数预加载,而表达式不会

以函数声明的方法定义的函数,函数可以在函数声明之前调用,而函数表达式的函数只能在声明之后调用。

三、分析浏览器如何执行代码

第一步:分析函数声明

在分析网页期间(执行任何代码之前),浏览器查找函数声明。找到函数声明时,浏览器创建相应的函数,并将得到的函数引用赋给与函数同名的变量。

第二步:浏览器执行代码

处理所有的函数声明后,浏览器回到代码开头,开始按从头到尾的顺序执行代码。

第三步:继续执行

处理完变量fly后,浏览器继续往下执行。接下来的语句是函数quack的声明,因为已经处理过了,所以浏览器跳过声明,接着执行后面的条件语句。

到此这篇关于JavaScript函数声明和函数表达式的区别的文章就介绍到这了,更多相关JS函数声明 内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • Javascript 键盘keyCode键码值表

    Javascript 键盘keyCode键码值表

    Javascript 键盘keyCode键码值表,需要的朋友可以保存一份。
    2009-12-12
  • js时间戳格式化成日期格式的多种方法

    js时间戳格式化成日期格式的多种方法

    js需要把时间戳转为为普通格式,一般的情况下可能用不到的,下面与大家分享几种不错的方法,感兴趣的朋友不要错过
    2013-11-11
  • 详解JavaScript中任意两数加减的解决方案

    详解JavaScript中任意两数加减的解决方案

    JavaScript中一些浮点数相加减会计算错误,本文将为大家具体介绍一下JavaScript中解决任意两数加减会出现错误的方案,需要的可以参考一下
    2022-02-02
  • js简单实现点击左右运动的方法

    js简单实现点击左右运动的方法

    这篇文章主要介绍了js简单实现点击左右运动的方法,实例分析了javascript实现左右运动的相关要点与技巧,非常具有实用价值,需要的朋友可以参考下
    2015-04-04
  • JavaScript常用事件介绍

    JavaScript常用事件介绍

    今天小编就为大家分享一篇关于JavaScript常用事件介绍,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看吧
    2019-01-01
  • 微信小程序swiper禁止用户手动滑动代码实例

    微信小程序swiper禁止用户手动滑动代码实例

    这篇文章主要介绍了微信小程序swiper禁止用户手动滑动代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-08-08
  • JS设计模式之状态模式概念与用法分析

    JS设计模式之状态模式概念与用法分析

    这篇文章主要介绍了JS设计模式之状态模式概念与用法,简单讲述了状态模式的概念、功能、应用场景并结合javascript实例形式分析了状态模式的简单定义及使用方法,需要的朋友可以参考下
    2018-02-02
  • 实时编辑网页网页文字实时编辑,如同TEXTBOX一般

    实时编辑网页网页文字实时编辑,如同TEXTBOX一般

    实时编辑网页网页文字实时编辑,如同TEXTBOX一般...
    2007-03-03
  • JS代码简洁方式之函数方法详解

    JS代码简洁方式之函数方法详解

    这篇文章主要介绍了JS代码简洁方式之函数方法详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-07-07
  • TypeScript中正确使用interface和type的方法实例

    TypeScript中正确使用interface和type的方法实例

    在ts中定义类型由两种方式:接口(interface)和类型别名(type alias),interface只能定义对象类型,下面这篇文章主要给大家介绍了关于TypeScript中正确使用interface和type的相关资料,需要的朋友可以参考下
    2021-09-09

最新评论