【ESLint】no-global-assign警告の有無の違い

Question

以下のコードのとき、ESLintによりstatusの変更の方だけ、no-global-assignの警告が出ます。
statusとxの変更の違いは何でしょうか。
漠然と「値渡しと参照渡しの違い」によるものなのかな、とは考えましたが確信が持てません。

let status = 'ready';
let x = 0;

status = 'go';  // ←no-global-assignが出る
x = 1;          // ←何も言われない

console.log(status, x);  // go 1

一応、どうしても回避したい場合は

const gl = {
  status: 'ready',
  x: 0
};
gl.status = 'go';
gl.x = 1;
console.log(gl.status, gl.x);

といった感じのコードにしますが、こうなると
変数が単純な処理しかしない場合でも、大袈裟になりがちです。

趣味のプログラムなのでno-global-assignをoffにしても良いのですが、理解した上でoffにしたいです。
何故statusだけがno-global-assignを指摘され、xは何をもって見逃されているのでしょうか。
よろしくお願いします。

Answer 1

おそらくあなたの設定ファイルに env: { browser: true } のような設定があると思います。
ブラウザにはグローバル変数 status が存在するため、グローバル変数の status に代入すべきではない、と警告されています。

no-redeclareルールのbuiltinGlobalsオプションを有効にすると、最初の let status も警告されるはずなので、何が起きているのかがよりわかりやすいかと思います。

Comments

[himejiy3]

なんと・・そうだったんですね・・。これは恥ずかしい無知でした。その可能性は全く考えなかったです。
試しに変数名を『status2』に変更したら警告が出なくなりました。そういうことだったとは・・
設定は『"extends": "eslint:recommended"』としてあるのでno-redeclareは有効になっていると思いますが、builtinGlobalsオプションの存在は知りませんでした。これは良いものを知りました。感謝です。

あまりにも初歩的なミスでしたが、質問して良かったです。ありがとうございました。