单独文件问题的JS prototype.namespace

Question

我刚开始试图让我的头绕着原型范例来制作一个jquery插件。

像这样我的代码工作：

(function(window, $){ 

    var Remote = function(elem, options) { 

     this.elem = elem; 
     this.$elem = $(elem); 
     this.options = options; 

     this.p = []; 

    }; 

    Remote.prototype = { 
     defaults: { 
      message: 'Hello world!' 
     }, 
     init: function() { 
      this.config = $.extend({}, this.defaults, this.options, this.metadata); 

      ... 
     }, 
     findPath: function() { 

      var t = this.p.length; 

      ... 

     } 
    }; 

    Remote.prototype.constructor = Remote; 
    Remote.defaults = Remote.prototype.defaults; 

    $.fn.remote = function(options) { 
     return this.each(function() { 
      new Remote(this, options).init(); 
     }); 
    }; 

})(window, jQuery); 

所以现在我试图让它多了几分模块化，具有拆分成多个文件的能力（请纠正我，如果我要去任何这个错误）的：

var Remote = function(elem, options) { 

    this.elem = elem; 
    this.$elem = $(elem); 
    this.options = options; 

    this.p = []; 

}; 

Remote.prototype = { 
    defaults: { 
     message: 'Hello world!' 
    }, 
    init: function() { 
     this.config = $.extend({}, this.defaults, this.options, this.metadata); 

     ... 
    } 
}; 

// I'd like to put this object into path.js 
Remote.prototype.path = { 
    find: function() { 

     var t = this.p.length; 
     // this.p is undefined 

     ... 

    } 
}; 

Remote.prototype.constructor = Remote; 
Remote.defaults = Remote.prototype.defaults; 

(function(window, $){ 

    $.fn.remote = function(options) { 
     return this.each(function() { 
      new Remote(this, options).init(); 
     }); 
    }; 

})(window, jQuery); 

通过内Remote.prototype命名空间我似乎已经失去范围与this。

Q1 - 哪里有this不见了？第二季度 - 这是模块化我的代码的最佳方式，所以我可以将它分解成不同的文件。

谢谢。

Answer 1

所以这里相当广泛的问题是一些要点

1. 尝试远程声明这样

   功能遥控器（）{ ... }

此功能可设置远程函数在窗口（顶层“this”），所以你将有window.remote。

初始化构造函数中的变量。

使用new创建对象的实例，然后操作该实例。

您需要从远程实例中调用，否则“this”将默认为窗口对象 您可以使用call，apply或bind来解决此问题。

看看这个链接进行更深入的解释 http://phrogz.net/JS/classes/OOPinJS2.html

2退房自动执行的功能模块。例如，你可以做类似

(function myPrivateFunction() { 
... 
})() 

这会隔离私人函数的作用域并避免污染全局名称空间。我强烈建议查看John Resig的书“Javascript Ninja的秘密”