作者iamnodoubt (Have Fun)
看板Ajax
标题Re: [问题] Hoisting 问题
时间Sun Feb 19 03:32:39 2017
※ 引述《broo (陈爷)》之铭言：
: 标题: [问题] Hoisting 问题
: 时间: Sat Feb 18 23:48:05 2017
: 范例是这样的
: (function(){
: var test =function(){return 1;}
: function test() {return 2;}
: return test();
: })();
: 经过hoistibg後会长这样
: (function(){
: var test;
: function test() {return 2;}
: test = function() {return 1;}
: return test();
: })();
: 我怎麽想结果都是2，因为最後是return test()不是吗？？为什麽会是1呢
: 脑筋无法转过来..
: 麻烦了 手机排版请见谅
我觉得hoisting应该不是这样解释
https://developer.mozilla.org/zh-TW/docs/Glossary/Hoisting
hoisting teaches that variable and function declarations are physically moved
to the top your coding, but this is not what happens at all. What does happen
is the variable and function declarations are put into memory during the
compile phase, but stays exactly where you typed it in your coding.
简单讲就是javascript会分creation跟execution phases
会先执行creation phases
把宣告的变数跟宣告的function存到记忆体
(此时变数还没被assign,所以value会是undefined)
然後再执行excution phases
就是逐行的去执行程式码
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 61.231.184.212
※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Ajax/M.1487446363.A.C17.html
1F：推 lym520: 这个解释才是正确的 02/19 08:52
3F：→ broo: g/我是看这篇的，请问他的观念正确吗？ 02/19 10:04
4F：推 eight0: 以前还满多人这样理解的，但 ES6 後有 const, let 就不能 02/19 10:58
5F：→ eight0: 这样解释 02/19 10:58
6F：推 jackblack: const 和 let 不会提升 02/19 18:48
7F：推 violet90079: 感谢大大指正，晚点小弟把他补充进blog 02/19 19:00
8F：→ ssccg: 背後的原理是2 phase执行，Hoist是转换成等效且可以1 phase 02/19 20:07
9F：→ ssccg: (适合一般人读程式码流程)执行的样子，不是说js engine真的 02/19 20:07
10F：→ ssccg: 会这样搬 02/19 20:07
11F：→ ssccg: const和let一样会在creation phase就产生，只是要到assign 02/19 20:54
12F：→ ssccg: 的那行过了之後才给用 02/19 20:55
13F：→ ssccg: 没有hoist是这个规则下的结果 02/19 20:58
14F：推 liuderchi: 感谢推文解释 04/09 15:17