js中函数带不带var的本质区别是什么
本质区别是:带var的是定义,属于statement;不带var的是赋值,属于expression。不带var时,解释器认为变量已经定义过了,会在函数中找相应的定义,如果找不到,就会认为变量是在外一层定义的(即字数体外),如果在最外一层也没有定义,这个时候就没有办法,只能在外面强行自己定义一个变量了,这个定义是隐藏的。需要注意的是,我们学说的函数的定义,即形如 function add(a,b){return a + b;}这样的语句,其实只是声明引用,属于statement,这个时候函数是没有执行的,所以一定要中调用函数后,相应的没有用var修饰的变量才会在最外层隐式定义。下面的代码说明了这一点:
1 > function add(){ 2 ... a=3} 3 undefined 4 > a 5 ReferenceError: a is not defined 6 at repl:1:1 7 at sigintHandlersWrap (vm.js:22:35) 8 at sigintHandlersWrap (vm.js:73:12) 9 at ContextifyScript.Script.runInThisContext (vm.js:21:12) 10 at REPLServer.defaultEval (repl.js:340:29) 11 at bound (domain.js:280:14) 12 at REPLServer.runBound [as eval] (domain.js:293:12) 13 at REPLServer.<anonymous> (repl.js:538:10) 14 at emitOne (events.js:101:20) 15 at REPLServer.emit (events.js:188:7) 16 > add() 17 undefined 18 > a 19 3 20 >
因为带var是定义,属于statement。不带var是赋值,属于expression,所以在IIFE中在应用时,也是有区别的。前者不能实现IIFE,后者可以:
1 > (var a=function(){return 2})()-1 2 ... 3 ... 4 > (a=function(){return 2})()-1 5 1 6 >
下面的说句更能说明带var是statement,不带是expressioin:
1 > var a=2 2 undefined 3 > b=3 4 3 5 >
带了var的返回了undefined,而不带的却返回了一个会,说明b=3这个语句是一个expression,所谓expression,就是会产生一个值语句,这个语句可以作为参数传给其它语句,成为其它语句的变量。
> var a=2 undefined > b=3 3 > function add(a,b){return a+b} undefined >