jquery - jQuery: 名前空間、別の変数を使用

Question

あなたの助けが必要です。名前空間で変数を使用するにはどうすればよいですか? このようなもの：

$.MyScript = {
    script: $("script")
  , dataID: script.data("id")
  , dataColor: script.data("color")
  , Alerting: function alerting(){
        alert(dataColor);
    }
}
$.Myscript.Alerting;

Answer 1

scriptオブジェクトが作成される前にプロパティにアクセスすることはできません。代わりに、このパターンを利用できます。

$.MyScript = (function() {

    var $script = $("script");

    return {
        script: $script,
        dataID: $script.data("id"),
        dataColor: $script.data("color"),
        alerting: function alerting() {
            alert(this.dataColor);
        }
    }
})();

$.MyScript.alerting();

Answer 2

jQuery を使用しない、より一般的なアプローチをお勧めします。いつでも独自の名前空間を作成して拡張できます。

詳細については、Addy Osmani によるこの美しい記事をお読みください。

/* define a global var, the root of your namespace */
var myNamespace = myNamespace || {};

/*
 * init and populate your ns inside a immediately invoked function expression
 * you can pass the jQuery object as argument if you need it in your business logic
 * but it is not necessary
 */
(function(ns, $){
    ns.ScriptObject = function($script){
      var $s = $script;

      this.getDataColor = function(){
         return $s.data("color");
      }

      this.getDataId = function(){
         return $s.data("id");
      }

      /* add further methods */
    }


})(myNamespace ,jQuery)

Answer 3

まず第一に、あなたが行おうとしているのであれば、それは jQuery プラグインを書く正しい方法ではありません。正しい方法については、jQuery のプラグイン/オーサリング ドキュメントを参照してください。

---

それとは別に、コードを取得した方法dataColorでは、キーワードで親オブジェクトを参照することで にアクセスできますthis。

他にも問題があるため、回答からコードを削除しています。問題の解決策については、@dfsq の回答を参照してください。

公式ドキュメントへの参照として、ここに回答を残しています。