jQuery创建对象

Question

这是一个我知道的简单问题，我在 google 上查看过，但找不到太多帮助。我正在尝试使用我自己的自定义参数创建一个对象，然后在警报中调用其中一个。

无论我尝试什么，似乎都不起作用，我知道这是非常简单的东西，我很抱歉！在我的时间里，我所有的其他 JS 都非常简单并且都是内联的，因此我现在正在转向更多的 OOP JS。

$.fn.DataBar = function() {

        $.DataBar.defaultOptions = {
            class: 'DataBar',
            text: 'Enter Text Here'
        }

        this.greet = function() {
            alert(this.text);
        };
} 

var q = new $.DataBar();
q.greet();

Answer 1

1. 您不需要fn 部分，只需使用：

   $.DataBar = function () { ... };
   

   $.fn 只是对 jQuery 内部 prototype 的引用。所以$.fn.DataBar 打算用作$(selector).DataBar()，而不是$.DataBar()。

2. 您的默认选项不会应用于新创建的对象。或者，您还可以在DataBar 的原型上定义greet 函数：

   $.DataBar = function () {
       $.extend(this, $.DataBar.defaultOptions);
   };
   
   $.DataBar.prototype.greet = function () {
       alert(this.text);
   };
   
   $.DataBar.defaultOptions = {
       class: 'DataBar',
       text: 'Enter Text Here'
   };
   

Answer 2

您的代码中有 4 3 个问题

罢工>

1. 默认选项后缺少;（不会导致错误）
2. 为实例添加默认选项this.defaultOptions
3. 致电alert(this.defaultOptions.text)
4. 用$.fn.DataBar() 实例化你的类到$.fn

你的代码在这里工作：

$.fn.DataBar = function() {

        this.defaultOptions = {
            class: 'DataBar',
            text: 'Enter Text Here'
        };

        this.greet = function() {
            alert(this.defaultOptions.text);
        };
};

var q = new $.fn.DataBar();
q.greet();