Babel.jsでコンパイルした後、ES6コードとES5コードの結果が異なるのはなぜですか？

Question

ES6コード：

let foo = 'outer'; 

function bar(func = x => foo){ 
    let foo = 'inner'; 
    console.log(func()); 
} 
bar(); // outer 

結果が "外" です。

Babel.jsでコンパイルES5コード：

'use strict'; 

var foo = 'outer'; 

function bar() { 
    var func = arguments.length <= 0 || arguments[0] === undefined ? function (x) { 
     return foo; 
    } : arguments[0]; 

    var foo = 'inner'; 
    console.log(func()); 
} 
bar(); // inner 

結果が "外" です。

私はなぜ彼らが異なる結果を持っているのかわかりません。

Answer 1

これはbug in Babelです。複雑なパラメータリストの式は、関数本体の宣言を見ることができないはずですが、ここでBabelによって生成されたコードは、関数のスコープ内でデフォルトのパラメータを評価します。内部はfooです。