javascript - Javascript Object-Oriented-Programming

Question

I found a Module pattern in JS:

<script>
var MODULENAME = (function(my, $) {
    my.publicVar = "5";
    my.publicFn = function() {};
    return my;
}(MODULENAME || {}, jQuery));
</script>

However I cannot perform instantiation. Does the module pattern allow for that?

Answer 1

实例化基本上意味着您将使用new.

所以也许你正在寻找这个？

var Some = function (param) {
  var somePrivateVar = 'private';
  this.somePublicVar = 'public';

  this.method = function () {
    return param;
  };
};

var some = new Some('abla');
console.log(some.method());
// some.somePrivateVar === undefined
// some.somePublicVar === 'public'

在您的情况下MODULENAME是一个对象（对象，而不是函数）publicVar和publicFn。它的实例化方式与您不会调用new jQuery().

Answer 2

您的模块对象可以包含任何内容。也许您正在寻找在其中包含构造函数：

var MODULENAME = (function(my, $) {

    var privateVar = 10;
    my.SomeConstructor = function() {
        this.publicVar = 5;
    }
    my.SomeConstructor.prototype.someMethod = function() {};
    my.SomeConstructor.prototype.getPrivate = function() { return 10; };

    return my;
}(MODULENAME || {}, jQuery));

var instance = new MODULENAME.SomeConstructor();
instance.publicVar;    // 5
instance.privateVar;   // undefined
instance.getPrivate(); // 10

Answer 3

您也可以使用原型继承来做到这一点：

var MyClass = function(name)
{
//sharing name within the whole class
this.name = name;
}

MyClass.prototype.getName = function(){
return this.name;//now name is visible to getName method too
}

MyClass.StaticMethod = function()
{
console.log("Im Static");

// and since is not in prototype chain, this.name is not visible
}

    var myclass = new MyClass("Carlos");
    console.log(myclass.getName())//print "Carlos"
MyClass.StaticMethod()// print "Im Static"
myclass.StaticMethod() // error

查看所有这篇文章