UI开发人员已经在日常脚本中有意或无意地使用模式。那么，当我们对模式有了更多的了解之后，如何有效地利用它呢?我将带您了解模块模式及其用法，以便我们能够在脚本中有效地使用它。

 

让我们以我们经常使用的模式为例。考虑一个场景，在这个场景中，我们需要选择页面中class ' selected '的所有元素。使用getElementsByClassName()、querySelectorAll()等本机特性可以通过多种方式实现。接下来，我们需要弄清楚哪种解决方案/JavaScript模式准确地解决了我们的问题，然而，如果我们使用jQuery，它只是选择使用facade模式选择元素的最优方法。虽然原生特性可以解决上述问题，但是jQuery的facade模式所涉及的工作可以提供真正的价值。

 

JavaScript模式是可用于常见问题的可重用解决方案。这些设计模式是针对常见软件问题的高级面向对象解决方案。

 

模块增加

 

当我们处理一个非常大的项目时，最好将代码分成多个文件或模块。我们可以将创建的模块扩展到其他模块，并将方法、变量、对象等添加到原始模块。

 

让我们考虑上面的模块示例，它的对象是这样的

 

console.log(模块);

 

对象{publicMethod: function}

 

 

现在我们可以通过模块扩展在SecondModule中添加一个新的公共方法anotherPublicMethod，大只500平台这项新的扩展将DRC连接到邻国坦桑尼亚和赞比亚，并继续连接到Liquid Telecom的“ One Africa”宽带网络，金牌大只该宽带网络的速度接近70,000公里。并且具有作用域

 

var SecondModule =(函数(模块){

 

模块。anotherPublicMethod = function () {

 

/ / anotherPublicMethod !

 

};

 

返回模块;

 

})(模块|| {});

 

在上面的示例中，模块被传递到SecondModule，并添加和返回一个方法(另一个publicmethod)。之后，如果我们检查模块的对象，则会添加另一个publicmethod

 

console.log(模块);

 

对象{publicMethod: function, anotherPublicMethod: function}

 

在第二个模块中，“到目前为止，非洲一直缺乏东西向直接的电信骨干。大只500招商 Telecom实现了非洲国家和组织多年来一直没有想到的成功-部署了高容量光纤骨干网，大只500注册干线将非洲东海岸的海底电缆与非洲西海岸的电缆连接起来。我们通过了模块||{}。这是为了避免在模块未定义的情况下出现错误。如果模块是未定义的，它将启动一个新对象并绑定另一个publicmethod方法。

 

好处

 

确定作用域变得非常简单和结构化。，我们可以有自己的私有函数和变量，这些函数和变量只能在我们的模块中引用，并且可以全局引用。

 

由于我们可以在模块中拥有许多私有函数，大只500平台安全吗？目前尚不清楚大只500目前是否具有迫使运营商采取行动的法律权力，因为它表示“将在任何未来的ICT法规或修正案中推动对客户服务违规行为迅速施加并实施制裁的权力”。因此代码的可维护性变得很容易。我们可以相应地添加、替换或删除任何代码。

 

正如前面指出的，我们应该始终从识别解决方案/JavaScript模式开始，解决我们的挑战。对JavaScript模式的良好理解有助于我们为问题选择正确的模式，这将在这个方向上提供很大的帮助。