質問編集履歴
2
誤字など
test
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
JavaScript の変数について、HTML 要素が入っていることを区別する方法
|
|
1
|
+
JavaScript の変数名について、HTML 要素が入っていることを区別する方法
|
test
CHANGED
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
|
|
18
18
|
// 他の何らかのデータ
|
|
19
19
|
const user = {
|
|
20
|
-
id: 1
|
|
20
|
+
id: 1,
|
|
21
21
|
name: 'Taro',
|
|
22
22
|
email: 'taro@example.com'
|
|
23
23
|
};
|
|
@@ -29,9 +29,9 @@
|
|
|
29
29
|
## 解決案
|
|
30
30
|
以下は素人の私なりに考えてみた解決案で、ChatGPT 曰く➀が良いらしいのですが、でも個人的には➁の方が短くて好きでして、困ってしまいました。
|
|
31
31
|
|
|
32
|
-
尚、要素取得においては `document.querySelector()` をラップした次の `$` を使
|
|
32
|
+
尚、要素取得においては `document.querySelector()` をラップした次の `$` を使っています。
|
|
33
|
-
```
|
|
33
|
+
```JavaScript
|
|
34
|
-
// 要素取得
|
|
34
|
+
// 要素取得
|
|
35
35
|
const $ = (selector, scope = document) => {
|
|
36
36
|
if (!scope) {
|
|
37
37
|
throw new Error("Invalid scope provided", { selector, scope });
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
```
|
|
42
42
|
|
|
43
43
|
##### 解決案➀
|
|
44
|
-
HTML要素が入る場合は接尾辞 `*Element` をつける
|
|
44
|
+
HTML 要素が入る場合は、接尾辞 `*Element` をつける
|
|
45
45
|
```JavaScript
|
|
46
46
|
const getUserElement = (scope) => {
|
|
47
47
|
return $(`${scope} .user`);
|
|
@@ -51,7 +51,7 @@
|
|
|
51
51
|
```
|
|
52
52
|
|
|
53
53
|
##### 解決案➁
|
|
54
|
-
HTML要素が入る場合は接頭辞 `$*` をつける
|
|
54
|
+
HTML 要素が入る場合は、接頭辞 `$*` をつける
|
|
55
55
|
```JavaScript
|
|
56
56
|
const get$user = (scope) => {
|
|
57
57
|
return $(`${scope} .user`);
|
1
タイトルの誤りを修正
test
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
JavaScript の変数について、HTML 要素が入っていることを区別する方法
|
test
CHANGED
|
File without changes
|