js中函数带不带var的本质区别是什么

本质区别是：带var的是定义，属于statement；不带var的是赋值，属于expression。不带var时，解释器认为变量已经定义过了，会在函数中找相应的定义，如果找不到，就会认为变量是在外一层定义的（即字数体外），如果在最外一层也没有定义，这个时候就没有办法，只能在外面强行自己定义一个变量了，这个定义是隐藏的。需要注意的是，我们学说的函数的定义，即形如 function add(a,b){return a + b;}这样的语句，其实只是声明引用，属于statement，这个时候函数是没有执行的，所以一定要中调用函数后，相应的没有用var修饰的变量才会在最外层隐式定义。下面的代码说明了这一点：

  > function add(){
  ... a=3}
 undefined
 > a
 ReferenceError: a is not defined
      at repl:1:1
      at sigintHandlersWrap (vm.js:22:35)
      at sigintHandlersWrap (vm.js:73:12)
      at ContextifyScript.Script.runInThisContext (vm.js:21:12)
      at REPLServer.defaultEval (repl.js:340:29)
      at bound (domain.js:280:14)
      at REPLServer.runBound [as eval] (domain.js:293:12)
      at REPLServer.<anonymous> (repl.js:538:10)
      at emitOne (events.js:101:20)
      at REPLServer.emit (events.js:188:7)
  > add()
  undefined
  > a
  3
  >

因为带var是定义，属于statement。不带var是赋值，属于expression，所以在IIFE中在应用时，也是有区别的。前者不能实现IIFE，后者可以：

 > (var a=function(){return 2})()-1
 ...
 ...
 > (a=function(){return 2})()-1
 1
 >

下面的说句更能说明带var是statement，不带是expressioin：

 > var a=2
 undefined
 > b=3
 3
 >

带了var的返回了undefined，而不带的却返回了一个会，说明b=3这个语句是一个expression，所谓expression，就是会产生一个值语句，这个语句可以作为参数传给其它语句，成为其它语句的变量。

> var a=2
undefined
> b=3
3
> function add(a,b){return a+b}
undefined
>