0

我正在尝试创建一个可在任何 Web 应用程序中重用的 JavaScript 组件（仅允许纯 js）。一个网页上一次可以存在多个实例。

客户端 HTML

<head runat="server">
    <title></title>
    <link href="StyleSheet.css" rel="stylesheet" />
    <script src="MyComponent.js"></script>
    <script type="text/javascript">
        window.onload = function () {
            MyComponent.init();
        };
    </script>
</head>

我的组件.js

var MyComponent = {};

(function () {
    var ns = MyComponent;
    ns.init = function () { alert('test'); }
}());

我将如何实例化上面的组件？

4

2 回答 2

2

这是它的要点：

function MyComponent() {
  //constructor
}

MyComponent.prototype.doStuff = function() {
  //method
}

MyComponent.doSomething = function() {
  //static method
}

这是你如何使用它

var component = new MyComponent();
component.doStuff();

MyComponent.doSomething();
于 2013-10-16T15:46:12.210 回答
1

我认为您正在寻找的是构造函数模式。请参阅此页面上的说明和汽车示例。

文章摘录：

function Car( model, year, miles ) {
  this.model = model;
  this.year = year;
  this.miles = miles;
  this.toString = function () {
    return this.model + " has done " + this.miles + " miles";
  };
}
// Usage:
// We can create new instances of the car
var civic = new Car( "Honda Civic", 2009, 20000 );
var mondeo = new Car( "Ford Mondeo", 2010, 5000 );
于 2013-10-16T15:52:31.963 回答