JavaScriptに詳しい人来て

1 ：以下、？ちゃんねるからVIPがお送りします：2019/01/18(金) 21:11:25.165 ID:4ZTmOHZHa.net

var x= $(‘#vip’);
とか
var x = document.querySelector(‘#vip’);
とかid=‘vip’の要素にどこからでもアクセスできてグローバル変数みたいになって気持ち悪いんだけど
そこんとこどう対処したらいいのかなって

2 ：以下、？ちゃんねるからVIPがお送りします：2019/01/18(金) 21:12:37.755 ID:gI2GJTsi0.net

jsって区別あるんだっけ？

3 ：以下、？ちゃんねるからVIPがお送りします：2019/01/18(金) 21:12:47.659 ID:MoenEQPgM.net

id＝tsukauna

4 ：以下、？ちゃんねるからVIPがお送りします：2019/01/18(金) 21:14:24.124 ID:4ZTmOHZHa.net

いや、id使った方が速いよ

5 ：以下、？ちゃんねるからVIPがお送りします：2019/01/18(金) 21:17:27.100 ID:NlerPm4Jd.net

(function{})()みたいなやつでわける
letを使う

6 ：以下、？ちゃんねるからVIPがお送りします：2019/01/18(金) 21:22:20.067 ID:4ZTmOHZHa.net

即時関数はJavaScriptの変数のスコープを分離するやつやん。
id=‘vip’の要素はどのスコープからでも取得できて操作できちゃうやん。
バグとか調べる時に「この要素はこのスコープでしかアクセスできないからこの範囲でだけ調べたらいい」ってのができないやん。

7 ：以下、？ちゃんねるからVIPがお送りします：2019/01/18(金) 21:24:19.187 .net

まだプログラマは帰宅してないだろ
23時頃に立て直せ

8 ：以下、？ちゃんねるからVIPがお送りします：2019/01/18(金) 21:24:31.560 ID:NlerPm4Jd.net

おとなしくフレームワークを使う

9 ：以下、？ちゃんねるからVIPがお送りします：2019/01/18(金) 21:39:19.448 ID:4ZTmOHZHa.net

おススメフレームワークある？

10 ：以下、？ちゃんねるからVIPがお送りします：2019/01/18(金) 21:44:13.742 ID:HI7GhadX0.net

同じ要素があちこちからアクセスされることを前提にしてるなら何をどうしても無理だろ

11 ：以下、？ちゃんねるからVIPがお送りします：2019/01/18(金) 21:46:09.696 ID:KEy/1Hlk0.net

AngularX

12 ：以下、？ちゃんねるからVIPがお送りします：2019/01/18(金) 21:55:35.511 ID:4ZTmOHZHa.net

>>10
それをどう対処したらいいのかって話。
グローバル変数の害悪は誰もが知っているのに、まさかDOMのグローバルなアクセスの問題は世界中で誰も問題にしてない対処法を考えてないってことはあるまい。

13 ：以下、？ちゃんねるからVIPがお送りします：2019/01/18(金) 22:04:25.956 ID:HI7GhadX0.net

>>12
グローバル変数をガンガン使いたいけどグローバル変数が知らぬ間に書き換えられていることを防ぎたいってことでしょ？
無理だよ

14 ：以下、？ちゃんねるからVIPがお送りします：2019/01/18(金) 22:11:08.333 ID:4ZTmOHZHa.net

グローバル変数を使いたいなんて言ってないんだが？
むしろ出来るだけスコープを狭くしたいんだが？

15 ：以下、？ちゃんねるからVIPがお送りします：2019/01/18(金) 22:13:19.541 ID:HI7GhadX0.net

じゃあ>>3で終わってるじゃん

16 ：以下、？ちゃんねるからVIPがお送りします：2019/01/18(金) 22:21:51.702 ID:4ZTmOHZHa.net

え？id云々で解決せんやろ