Js函数声明与函数表达式的区别

本文探讨了JavaScript中函数声明与函数表达式的不同之处。主要介绍了这两种定义函数的方法及其调用方式,强调了函数声明会被提升,使得函数可以在声明之前被调用的特点。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

在定义函数时,我们一般使用下面这两种方法:
使用函数声明定义:

function sum (a, b) {
   return a + b;
 }

使用函数表达式定义:

 var sum = function (a, b) {
    return a + b;
  }

调用方法都是一样的:如求“1+1”等于几:
alert(sum(1, 1));

但这两种方法还是有区别的。解析器在向执行环境中加载数据时,对函数声明和函数表达式并非一视同仁。解析器会率先读取函数声明,并使其在执行
任何代码之前可用;而函数表达式,则必须等到解析器执行到它所在的代码行,才会真正被解释执行。

示例:

  alert(sum(1, 1));
  function sum (a, b) {
    return a + b;
  } 

以上代码可以正常执行。因为在代码执行之前,解析器就已经通过一个名为函数声明提升的过程,读取并将函数声明添加到执行环境中。在对代
码求值时,Javascript引擎在第一遍会声明函数并将它们放到源代码树的顶部。所以,即使声明函数的代码放到了调用它的代码的后面,Javascript
引擎也能把函数声明提升到顶部。

如果像下面例子所示,把上面的函数声明改为函数表达式,就会在执行期间导致错误。

 alert(sum(1, 1));              //出错
  var sum = function (a, b) {
   return a + b;
  }

总体来说,除了什么时候可以通过变量访问函数这一点区别之外,函数声明与函数表达式的语法其实是等价的。

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

用函数语句创建的函数,函数名称和函数体均被提前,所以我们可以在声明它之前就使用它。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值