モジュール(module)

[azu]

#267
環境 > モジュールの章

ユースケースの一部

[azu]

https://groups.google.com/forum/m/#!msg/mozilla.dev.platform/DZ7YctNoUUk/c2w8Ue8QCgAJ
Firefox 60から

[azu]

https://github.com/asciidwango/js-primer/tree/master/meetings/2017-12-07#%E3%83%A2%E3%82%B8%E3%83%A5%E3%83%BC%E3%83%AB

[azu]

拡張子はデフォルトでつけておいて、Node.jsでは省略できますと注記する

[lacolaco]

https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Statements/import

[azu]

<script type="module">
    export const scopeA = "A";
</script>
<script type="module">
    // 異なるmoduleスコープの変数には直接はアクセスできない
    console.log(scopeA); // => ReferenceError: scopeA is not defined
</script>

これの説明が必要そうと思った。
ajaxだとこのルール外を前提にbodyからJavaScriptを叩いてるけど、module読み込みだとそれはできない。
todoappだとそうなるから、最初になんで index.jsからまとめて読み込むのって話を書いてる

[azu]

http://kenshir0f.hatenablog.com/entry/2018/05/05/232948
default と named で括弧の有無については言葉でも説明した方がよさそう

[azu]

defaultのメンタルモデル

https://thefeedbackloop.xyz/the-mechanism-is-not-the-mental-model/

[azu]

モジュールのスコープについてを説明することになった
#454 (comment)

[azu]

Native JavaScript modules by Serg Hospodarets

[azu]

現実ではmoduleを直に使うよりbundlerを使ったほうがいいよという話を最後に入れる場合に参照しそうなやつ。

Using JavaScript modules on the web  |  Web Fundamentals  |  Google Developers