Water Sunlight

軽量プログラミングの文法 - JavaScript/Python

トレース:

js:module

差分

このページの2つのバージョン間の差分を表示します。

この比較画面にリンクする

--- js:module [2021/07/05 10:29]
y2sunlight [グローバルスコープに関する注意]
+++ js:module [2021/07/05 10:36] (現在)
y2sunlight [グローバルスコープに関する注意]
@@ 行 150: / 行 150: @@
 モジュールの機能は単独のスクリプトのスコープに対してインポートされます。インポートされた機能はインポートしたスクリプトの内部からしかアクセスできません。即ち、インポートされた機能はグローバルスコープから利用することはできません。
-<sxh javascript;title:main.js>
+また、モジュールの場合、自動的に [[https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Strict_mode|Strict モード]]になり、var命令の省略は禁止されます。
-import { School } from './school.js'
-var local_school = new School('Local School');
-console.log(local_school.name);  // OK
-// モジュール内ではグローバルスコープを持つ変数が作成できない。
-// global_school = new School('Global School');
-// console.log(global_school.name); NG
-</sxh>
 <sxh html;title:index.html>
@@ 行 171: / 行 162: @@
   <script type="module" src="main.js"></script>
   <script>
+    // local_schoolはモジュールの内部からしかアクセスできない
     console.log(local_school.name);    // NG
     foo_school = new School('Foo School')  //NG
@@ 行 176: / 行 168: @@
 </body>
 </html>
+</sxh>
+<sxh javascript;title:main.js>
+import { School } from './school.js'
+var local_school = new School('Local School');
+console.log(local_school.name);  // OK
+// モジュール内ではグローバルスコープを持つ変数が作成できない。
+// global_school = new School('Global School');
+// console.log(global_school.name); NG
 </sxh>
@@ 行 187: / 行 190: @@
 </sxh>
-> TODO:module内ではグローバル変数が使えない？
+\\

js/module.1625448567.txt.gz · 最終更新: 2021/07/05 10:29 by y2sunlight