9

私は自分のコードをNamespace/ Unitlikeオブジェクトでラップする最もエレガントな方法を提供するメソッドに落ち着こうとしています。たとえば、Google Maps APIvar a = Google.Maps.Foo();は、かなりきれいに見えると思います。

看板も同封してほしい（それが正しい言葉なら） 。jQuery No Conflict $

これまでのところ私は好きです：

// Top level container for sub objects
var myApp = myApp || {}; 

// An object to be held in myApp     
(function( skillet, $, undefined ) {

    //Private Property
    var isHot = true;

    //Public Property
    skillet.ingredient = "Bacon Strips";

    //Public Method
    skillet.fry = function() {
        var oliveOil;

        addItem( "\t\n Butter \n\t" );
        addItem( oliveOil );
        console.log( "Frying " + skillet.ingredient );

        return "Fried!";
    };

    //Private Method
    function addItem( item ) {
        if ( item !== undefined ) {
            console.log( "Adding " + $.trim(item) );
        }
    }   

}( window.myApp.skillet = window.myApp.skillet || {}, jQuery ));

誰かがこれを拡張したり、潜在的な問題を指摘したり、一般により良い方法論を提供したりできますか？

4

1 に答える 1

11

このJavaScriptモジュールパターン とこの学習JavaScriptデザインパターンを確認してください

モジュールの例：

var MyModule = (function($){
  var MY_CONSTANT = 123;

  var _myPrivateVariable = 'TEST MEH';
  var _$myPrivateJqueryObject = $('div.content');

  var _myPrivateMethod = function(){
    alert('I am private!');
  };

  var myPublicMethod = function(){
    console.log('Public much?');
  }

  return {
      myPublicMethod : myPublicMethod 
  };

})(jQuery);

MyModule.myPublicMethod();

クラスの例：

function Person(name, age){
   this.name = name || '';
   this.age = age || -1;
}

Person.prototype.greet= function(){
   console.log('Hi! My name is' + this.name + '. Old ' + this.age + ' I am.');
}

var person = new Person("John", 12);
person.greet();
于 2013-03-27T13:05:00.147 に答える