Re: [问题] Hoisting 问题

楼主: iamnodoubt (Have Fun)   2017-02-19 03:32:39
※ 引述《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
就是逐行的去执行程式码
作者: lym520 (lym)   2017-02-19 08:52:00
这个解释才是正确的
作者: broo (陈爷)   2017-02-19 10:04:00
https://coffee0127.github.io/blog/2016/11/28/js-hoisting/我是看这篇的,请问他的观念正确吗?
作者: eight0 (欸XD)   2017-02-19 10:58:00
以前还满多人这样理解的,但 ES6 后有 const, let 就不能这样解释
作者: jackblack   2017-02-19 18:48:00
const 和 let 不会提升
作者: violet90079 (ˊ__>ˋ)   2017-02-19 19:00:00
感谢大大指正,晚点小弟把他补充进blog
作者: ssccg (23)   2017-02-19 20:07:00
背后的原理是2 phase执行,Hoist是转换成等效且可以1 phase(适合一般人读程式码流程)执行的样子,不是说js engine真的会这样搬const和let一样会在creation phase就产生,只是要到assign的那行过了之后才给用没有hoist是这个规则下的结果
作者: liuderchi   2017-04-09 15:17:00
感谢推文解释

Links booklink

Contact Us: admin [ a t ] ucptt.com