vue.js 3でMath.random()を使用してvar変数に入れるとエラーしてしまい、困っています。

Question

vue.js 3でMath.random()を使用してvar変数に入れるとエラーしてしまい、困っています。
Google Chrome、Edgeで再現しました。

vue.jsを使わず、htmlにscriptを直接書いて実行すると通常通り実行されました。

varを使わない変数を定義するとエラーはしないようですが。
varを使って変数に一度格納をしたいです。

どなたかご教授お願いします。

// vue.jsでエラーしない
test = null;
for (var i = 1; i <= 10; i++) {
     test = Math.random();
}

// vue.jsでエラーする
var test = null;
for (var i = 1; i <= 10; i++) {
     test = Math.random();
}

for (var i = 1; i <= 10; i++) {
     var test2 = Math.random();
}

<script>
    // Vue.jsを使わないとエラーしない。
    for (var i = 1; i <= 10; i++) {
       var test = Math.random();
    }
    alert("ok");
</script>

Answer 1

varの宣言ありなしでエラーしていたのは前の構文で、オブジェクト{}の終わりに;をつけ忘れていたことが原因でした。
{};としたら問題ありませんでした。

エラー行以外も疑う必要があったと気付かさせられました。

Answer 2

エラー内容とかありますでしょうか？
vue-cliを使われていて、lintが入っている状態でしたら、varの使用を禁止しているのかもしれないです。
let使いつつforの外できちんと宣言してあげるとどうでしょうか？

Comments

[退会済みユーザー]

コメントありがとうございます。 varの宣言ありなしでエラーしていたのは前の構文で、オブジェクト{}の終わりに;をつけ忘れていたことが原因でした。
{};としたら問題ありませんでした。

エラー行以外も疑う必要があったと気付かさせられました。
varを禁止させられる場合もあるんですね！

[m2l]

いえ、解決して何よりです。
最近の開発ですと禁止にしていることが多くconstをメインで使うことが多いですね。（配列操作はmapやreduceを使って行います）

[退会済みユーザー]

const と varの使い分けはしていたのですが、スコープの問題で、varはletに変えていったほうがいいですね。　古いツールだとletで警告出ていたりしたので避けていましたがvarを使い続けるのはやばいなと思いました。

私も配列操作にmapとかreduceを使っています。forEach, filter, map, reduceの使い分けは大事ですね！