1
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

js関数をプラグイン化して、別のjsファイルで使用できるようにする

Last updated at Posted at 2021-02-17
// common.js
(function($) {
  var namespace;                  // 任意な名前

  namespace = {                   // オブジェクトの定義
      hoge : function () {
        // 何かしらの処理
      },

      fuga : function () {
        // 何かしらの処理
      }
  };

  window.ns = namespace;  // windowオブジェクトに"ns"名としてバインディング

})(jQuery);


// foo.js
$(function () {
 ns.hoge() // プラグイン化したhogeメソッドを呼び出す。
 ns.fuga() // プラグイン化したhogeメソッドを呼び出す。
}

上記のような形でjs関数を再利用可能な関数として使うことができます。

1
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?