6

jQueryベースのWebアプリケーションには、複数のファイルが含まれる可能性のあるさまざまなスクリプトがあり、一度に1つしか使用していません（すべてを含めない方がよいことはわかっていますが、JSの責任は私だけです。だからそれは私の決定ではありません）。そのため、さまざまなイベントを登録し、初期化などを行う関数で各ファイルをラップしています。initModule()

ここで、グローバル名前空間を乱雑にしない関数を定義する次の2つの方法に違いがあるかどうか知りたいです。

function initStuff(someArg) {
    var someVar = 123;
    var anotherVar = 456;

    var somePrivateFunc = function() {
        /* ... */
    }

    var anotherPrivateFunc = function() {
        /* ... */
    }

    /* do some stuff here */
}

と

function initStuff(someArg) {
    var someVar = 123;
    var anotherVar = 456;

    function somePrivateFunc() {
        /* ... */
    }

    function anotherPrivateFunc() {
        /* ... */
    }

    /* do some stuff here */
}
4

2 に答える 2

8

これら2つのアプローチの主な違いは、関数が使用可能になるタイミングにあります。前者の場合、関数は宣言後に使用可能になりますが、後者の場合、関数はスコープ全体で使用可能になります（これは巻き上げと呼ばれます）。

function init(){
    typeof privateFunc == "undefined";
    var privateFunc = function(){}
    typeof privateFunc == "function";
}

function init(){
    typeof privateFunc == "function";
    function privateFunc(){}
    typeof privateFunc == "function";
}

それ以外は基本的に同じです。

于 2010-11-19T12:20:10.030 に答える
0

これは、JavaScriptでモジュールを管理するのに役立つモデルです。

base.js：

var mod = {};

mod.functions = (function(){

    var self = this;

    self.helper1 = function() {

    } ;

    self.helper2 = function() {

    } ;

    return self;

}).call({});

module_one.js

mod.module_one = (function(){

  var 
    //These variables keep the environment if you need to call another function
    self = this, //public (return)
    priv = {};   //private function

  priv.funA = function(){
  }

  self.somePrivateFunc = function(){
     priv.funA();
  };

  self.anotherPrivateFunc = function(){

  };

  // ini module

  self.ini = function(){

     self.somePrivateFunc();
     self.anotherPrivateFunc();

  };

  // ini/end DOM

  $(function() {

  });

  return self; // this is only if you need to call the module from the outside
               // exmple: mod.module_one.somePrivateFunc(), or mod.module_one.ini()

}).call({});
于 2010-11-19T12:47:01.973 に答える