場景

最先讀es6的時刻，一最先引見的是let和const指令，文章中就提到一個觀點 => 變量提拔。原文是如許說的：let不像var那樣會發作“變量提拔”徵象。對我這個菜鳥來講，what？什麼是變量提拔。經由一番度娘今後，有了個也許的觀點和本身的明白。

明白

比較官方一點的詮釋如許的：JavaScript在事情時會先獵取一切變量，然後再一行一行地實行代碼。這就致使了一切變量聲明的語句都會被提拔到代碼的最前面。這就是變量提拔。

栗子

    var a = 5;
    function fn(){
        a = 3;
        console.log(a)
        var a;
    }
    fn()

很簡樸的一段代碼，終究輸出的是3。函數內的a覆蓋了表面的變量a，var a;並沒有革新a的值，由於真正在運轉時的遞次應該是如許的

    var a = 5;
    function fn(){
        var a;
        a = 3;
        console.log(a)
    }
    fn()

我們能夠看到，寫在下面的聲明a的語句被提早到了函數的最上面，所以末了輸出的是函數內部的變量a而不是表面的a = 5

    var a = 5;
    function fn(){
        console.log(a)
        var a = 3;;
    }
    fn()

在這裏又會發作什麼呢？我們看一下運轉效果：

能夠有人會說為何打印的不是5呢？這就是變量提拔的奇異的地方，運用var聲明的變量在運轉時該聲明語句會被放在當前當前作用域的最上面。這裏又涉及到一個作用域的觀點，臨時能夠簡樸明白為一對大括號就是一個作用域。
所以上面的代碼在運轉時的遞次應該是如許的：

    var a = 5;
    function fn(){
        var a;
        console.log(a)
        a = 3;;
    }
    fn()

變量提拔只是把聲明語句提拔上去，而賦值語句是不會被提拔的。顯著能夠看到在函數內部照樣新創建了一個變量a，但是在打印前都沒有給a賦值，所以末了打印出來的值是‘undefined’

函數

除了變量提拔不測，函數也是存在如許的徵象，我們來看一段代碼

    // 代碼一
    fn()
    function fn(){
        console.log(0)
    }
    
    //代碼二
    fn()
    var fn = function() {
        console.log(0)
    }

直接看效果：

代碼一運轉一般，代碼二就報錯了。由於代碼二的現實運轉遞次實在如許的

    var fn;
    fn();
    fn = function() {
        console.log(0)
    }

很顯然，實行fn();之前fn只是一個變量，以函數的體式格局挪用變量肯定是毛病的用法。

注重：es6提出的新指令let和const是不會發作變量提拔徵象的，所以在運用es6語法時，一定要先聲明再挪用。

到此，本人曉得的有關JavaScript的變量提拔方面的學問就只有這麼多，假如有幸這篇文章被你看到了，相信你看完今後也會對這個學問點有個也許的了解了。假如以為有什麼地方說得不對的，迎接斧正。