jQuery 和面向对象的 JavaScript - 如何？

Question

我已阅读 this 和 this（感谢 google） 但这并没有足够的帮助。我想知道，如果直接开箱即用，没有任何插件插件，是否可以像使用原型一样做一些事情，例如：

MyClass = Class.create(Table,
{
  cookieName: 'w_myclass',
  prefix: 'myclass',
    ...blabla...

  // function
  initStr: function()
  {
    ...blabla...
  },

  // another function
  getIndice: function(param)
  {
    ...blabla...
    return 0;
  }

});

欢迎提出任何想法/建议。

Answer 1

JQuery 从来没有作为一个类框架的目的。它是关于页面操作和工具（如 AJAX）的。你可以用叉子敲钉子，但为什么不用锤子呢？

除非您是熟练的 JavaScript 程序员，否则使用原生 JavaScript 创建基于类的继承系统是自找麻烦。 Douglas Crockford will tell you it's possible，但他对闭包等的复杂性有深刻的理解。此外，如果您的系统变大，使用本机继承功能很快就会变得不可持续。

我强烈推荐 James Coglan 的 JS.Class 框架。类定义看起来与您的示例几乎相同。它不是原生 JS，但可以与 JQuery 很好地配合使用。

Answer 2

如果您想要一个使用 javascript 和 jquery 的近乎面向对象的解决方案，您可以在 javascript 中定义一个对象，该对象将设置您的事件控制器。

这篇文章的后半部分http://www.codescream.com/?p=18 涵盖了这一点。但我会在这里写一份关于如何在 javascript 中创建一个可以在接近面向对象的结构中使用的对象的简历。

看起来像这样：

function myObject(constructorParam1, constructorParam2, anotherOne, blabla){

  var text = "";
  // this event will be set everyTime you run myObject
  $(".foo").click(function(){
    text = $(this).text(); // copies the text inside the elements ".foo" to a local variable
    doSomething();
  });

  function aPrivateFunction1(){


  }

  function aPrivateFunction2(){

  }

  function internalAdd(a,b){
    return a+b;
  }

  var size = 1; // privateVaribale
  var name = blabla;


  if(name===undefined){
     name="No name";
  }

  aPrivateFunction1(); // run "aPrivateFunction1()

  // you can consider all code above as being part of the constructor.
  // The variables declared above are private, and the functions are private as well

  // bellow are public functions  that you can access in an OOP manner
  return {
    getSize: function(){
        return size;
    },

    setSize: function(newSize){
        size = newSize;
    },

    getName: function(){
        return name;
    },

    setName: function(newName){ 
        name = newname;
    },

    addAndTurnPositive: function(n1,n2){
        var val = internalAdd(n1,n2);
        if(val<0){
            return val*-1;
        }
        return val;
    }
  }
}

// then you can run it like
var anInstance = myObject("aaa",1234,"asdak",123);
anInstance.setSize(1234);
var t = anInstance.addAndTurnPositive(-5,2);

Answer 3

总之，没有。 jQuery 不提供任何类和继承功能。您需要包含另一个库，例如 klass（尽管有一个 jQuery plugin 与 jQuery 更紧密地联系在一起）