JavaScript のモジュール性についての簡単な紹介

阿神
リリース: 2017-02-03 17:48:01
オリジナル
1250 人が閲覧しました

前書き

モジュール化に関して、最も直接的に現れるのは、私たちが記述する require キーワードと import キーワードです。関連情報を確認すると、CommonJS、CMD AMD、および RequireJS という用語が必ず出てきます。 SeaJS 見慣れないフレームワークを待つ。たとえば、SeaJS の公式 Web サイトでは、SeaJS について次のように説明されています。「シンプルでフレンドリーなモジュール定義仕様、Sea.js は CMD 仕様に従っています。自然で直感的なコード編成、依存関係の自動読み込み...」

フロントエンドとして初心者です、申し訳ありませんが、理解できません。私のいつものスタイルでは、何かを紹介する前に、それがなぜ必要なのかを必ず説明する必要があります。


JavaScriptの基礎

クライアント側で作業する学生は、OCの#import "classname"、Swiftのモジュールおよびファイル修飾子、およびJavaのインポートパッケージ+クラスモードに精通している必要があります。私たちは、ファイルの参照がクラスを参照するというパターンに慣れています。ただし、JavaScript のような動的言語では、状況が変わります。例:

<html>
  <head>
    <script type="text/javascript" src="index.js"></script>
  </head>

  <body>
    <p id="hello"> Hello Wrold </p>
    <input type="button" onclick="onPress()" value="Click me" />
  </body>
 </html>
ログイン後にコピー
// index.js
function onPress() {
    var p = document.getElementById(&#39;hello&#39;);
    p.innerHTML = &#39;Hello bestswifter&#39;;
}
ログイン後にコピー

HTML の

人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート