回答編集履歴
1
校生
answer
CHANGED
|
@@ -5,9 +5,27 @@
|
|
|
5
5
|
…という現象を指していますか？
|
|
6
6
|
|
|
7
7
|
もしそうならば、これはそういう仕様です。
|
|
8
|
-
|
|
8
|
+
JavaScriptは一番外側の変数スコープはグローバル変数領域であり、
|
|
9
|
-
|
|
9
|
+
ここに宣言した変数や関数はコンソールでも使えます。
|
|
10
10
|
|
|
11
|
+
しかし、1個でも関数宣言を行いますと、
|
|
12
|
+
その関数内ではスコープが区切られてしまい、その中で変数や関数宣言を行うとグローバル変数領域からは参照出来ない仕様になっています。
|
|
13
|
+
|
|
14
|
+
---
|
|
15
|
+
|
|
16
|
+
Webpackは複数のスクリプトファイルを1個のファイルに統合させる為、
|
|
17
|
+
スクリプトファイルを流し込むみたいな事をやっているはずなので、
|
|
18
|
+
各スクリプトの変数領域が混ざって誤作動の原因にならないよう、いたる所で関数を宣言してスコープで区切っている仕様になっているはずです。
|
|
19
|
+
|
|
20
|
+
関数が1個でも宣言され、
|
|
21
|
+
その中で変数や関数を宣言してもグローバル変数領域には影響されないんでしたね。
|
|
22
|
+
|
|
23
|
+
念の為一度デベロッパーツールを開いてbundle.jsの中身を開いてみてはどうでしょうか？
|
|
24
|
+
多分いたる所で関数宣言で括りまくっていると思います。
|
|
25
|
+
その結果`function test(){}`も何らかの関数内で実行される事になる為、グローバル変数領域に届かなくなってしまっているかと考えられます。
|
|
26
|
+
|
|
27
|
+
---
|
|
28
|
+
|
|
11
29
|
どうしてもということであればそうですね…
|
|
12
30
|
下記のコードのようにグローバルスコープのプロパティに関数を流し込めば使えるようになるんじゃないかと思います。
|
|
13
31
|
お試しあれ。
|