JavaScript设计模式需要帮助:模块的松散增加

为清晰起见编辑 – @ Qantas94Heavy – 我明白它是什么“说”或应该做什么,我不明白的是为什么&更重要的是它是如何工作的:

我正在阅读关于JS Module Pattern的高级教程,它给出了这个例子:

var MODULE = (function (my) {
// add capabilities...

return my;
}(MODULE || {}));

困扰我的事情(我需要你的帮助)是最后的陈述:

(MODULE || {}));

我无法理解这背后的语法规则,这使得它成为可能.在搜索关键字,“JavaScript模块语法”和“模块模式短手”之后,我发现我仍然不太了解这背后的基础.

有人请解释或指出我正确的方向,以获得更深入的了解吗?

此致
gggi

解决方法

(function(){

})();

一个自我调用的匿名函数.在您的情况下,它处理“我的”对象参数:它对“我的”执行某些操作然后将其返回.

在您的情况下,函数接收的“我的”参数是“(MODULE || {})”.

和&&和||操作符被称为短路操作符. ||如果存在“MODULE”对象,则返回“MODULE”对象,否则,将创建一个空对象以在函数内部使用.该函数将对该对象执行任何操作,该对象将成为返回的“MODULE”对象.

它的工作原理是创建一个闭包:只要MODULE存在(它不是垃圾收集),自动调用匿名函数及其在赋值时的状态也是如此.这使得添加的任何功能都是持久的.

相关文章

前言 做过web项目开发的人对layer弹层组件肯定不陌生,作为l...
前言 前端表单校验是过滤无效数据、假数据、有毒数据的第一步...
前言 图片上传是web项目常见的需求,我基于之前的博客的代码...
前言 导出Excel文件这个功能,通常都是在后端实现返回前端一...
前言 众所周知,js是单线程的,从上往下,从左往右依次执行,...
前言 项目开发中,我们可能会碰到这样的需求:select标签,禁...