ES6関数のwhileループでのデストラクタリングの代入は、ループから外れていませんか？

Question

私はES6で（node-esmlを通して）簡単なGCDアルゴリズムを実装していましたが、whileループの中で変数の値を更新すると奇妙な動作をしました。このコードは素晴らしいです：

function gcdWithTemp(x, y) { 
    let [r, rdash] = [x, y] 
    while (r != 0) { 
    q = Math.floor(rdash/r) 
    temp = r 
    r = rdash - q * r 
    rdash = temp 
    } 
    return(rdash) 
} 
console.log(gcdWithTemp(97, 34)) 

1の期待値を返します。私は一時変数を削除し、代わりに同じ結果を試み、達成するために分割代入を使用する場合は、：

function gcdWithDestructuredAssignment(x, y) { 
    let [r, rdash] = [x, y] 
    while (r != 0) { 
    q = Math.floor(rdash/r) 
    [r, rdash] = [rdash - q * r, r] 
    } 
    return(rdash) 
} 
console.log(gcdWithDestructuredAssignment(97, 34)) 

それが完了したことがない、さらにデバッグはrが常にx、に割り当てられた最初の値を持つことを示しています。これらの2つの実装は同一である必要がありますか？ Swapping variables

varの代わりにletの代わりに使ってみました。私は徹底的に任務を破棄したり、微妙なものを見逃したりするという誤解をしていますか？それともバグですか？

Answer 1

これは、非構造化割り当てではなく、ASI（自動セミコロン挿入）で問題になります。この2行：

q = Math.floor(rdash/r) 
[r, rdash] = [rdash - q * r, r] 

実際には、この意味：

q = Math.floor(rdash/r)[r, rdash] = [rdash - q * r, r] 

を明らかにあなたが何を意味していません。 、それを修正[の前にセミコロンを追加するには：もちろん

function gcdWithDestructuredAssignment(x, y) { 
 
    let [r, rdash] = [x, y] 
 
    while (r != 0) { 
 
    q = Math.floor(rdash/r) 
 
    ;[r, rdash] = [rdash - q * r, r] 
 
    } 
 
    return(rdash) 
 
} 
 
console.log(gcdWithDestructuredAssignment(97, 34))

をあなたの代わりに前の行（q = Math.floor(rdash/r);）の終わりにセミコロンを追加することができますが、一般的にドン以来セミコロンを使用しない場合は、npm coding styleを使用していると仮定しました。