javascript - 创建类似 jQuery 风格的库

Question

var jQuery = function( selector ) {
    return new jQuery.fn.init( selector );
};

jQuery.fn = jQuery.prototype = {...};

var init = jQuery.fn.init = function( selector ){
    this.selector   = selector;
    this.element    = document.querySelector(this.selector);
};

console.log(
    jQuery('div').selector
);

我目前正在研究 jQuery 的工作原理，但有几个问题

1. jQuery.fn = jQuery.prototype = {};为什么prototype = object，原型(prototype)通常不以jQuery 命名。原型(prototype).foo = 函数...

2. var init = jQuery.fn.init (jQuery.prototoype.init) 当我删除 var init 时，出现错误，如下所示:var jQuery.fn.init = ...

Answer 1

1) jQuery.fn = jQuery.prototype = {};为什么原型(prototype)=对象

实际上，只有当你执行类似的操作时，原型(prototype)才是一个对象，

**jQuery.prototype.get = function(){
 //Code
}**

您实际上是在原型(prototype)对象中创建一个名为“get”的成员函数。你也可以这样做:

**jQuery.prototype = {
  "get" : function(){
  }
}**

2) 当你删除 init 时，语句变为 var jQuery.fn.init = ...

实际上这不是一个有效的语句，因为 jQuery 对象已经可用。这是一个语法错误。您不能像这样创建任何对象的成员。为此，您只需要做

**jQuery.fn.init = function(){
}**