javascript – jQuery如何使用$object构造函数和与$关联的方法？

$= function(obj) {
  // some code 
};
$.ajax = function (arg1,arg2) {
  // some ajax-y code
};

到现在为止还挺好.现在,我们在$函数中放置了什么？那么它必须返回一个对象,该对象必须有一些很好的方法定义在它上面.所以我们需要一个构造函数(给我们新的对象)和一个原型(为这些对象提供漂亮的方法).

$= function(obj) {
  var myConstructor = function (obj) {
    this.wrappedobj = obj;
  };

  myConstructor.prototype = {
    niftyMethod: function () {
      // do something with this.wrappedobj
      return this; // so we can chain method calls
    },anotherNiftyMethod: function (options) {
      // do something with this.wrappedobj and options
      return this; 
    }
  };

  return new myConstructor(obj);
};

所以我们有它.我们做得到：

var mySnazzObject = $("whatever");
mySnazzObject.niftyMethod().anotherNiftyMethod(true);

我们可以这样做：

$.ajax("overthere.html",data);

显然,jQuery比这更多,但它的确是令人印象深刻的,但这是一般的想法.

更新：AS @Raynos足够好观察,没有提供建设性的答案,我的原始代码将创建原型广告无限.所以我们使用匿名自动执行函数来分别声明构造函数和原型：

(function () {
  var myConstructor = function (obj) {
    this.wrappedobj = obj;
  };

  myConstructor.prototype = {
    niftyMethod: function () {
      // do something with this.wrappedobj
      return this; // so we can chain method calls
    },anotherNiftyMethod: function (options) {
      // do something with this.wrappedobj and options
      return this; 
    }
  };

  var $= function(obj) {
    return new myConstructor(obj);        
  };

  $.ajax = function (arg1,arg2) {
    // some ajax-y code
  };

  window.$= $;  
}());