在lab.js研究中编写和使用自定义函数的问题求助

核心问题：作用域隔离与代码冗余 #

1. 作用域问题：lab.js的每个组件拥有独立的执行上下文，你用const声明的extend函数仅存在于初始组件的局部作用域，后续组件无法跨作用域访问该函数，因此触发ReferenceError。
2. 代码冗余问题：函数内部用var array1, array2重新声明参数，会覆盖传入的实参，属于不必要的错误代码，必须删除。

可行解决方案 #

方案1：挂载到全局window对象 #

将函数绑定到全局上下文，让所有组件都能访问：

window.extend = function(array1, array2){
    return Array.from(array1).concat(Array.from(array2));
}

调用方式保持不变：

extend([1,2], [3,4,5]);

方案2：利用lab.js全局变量存储 #

借助lab.js实验的全局变量机制，把函数存入全局变量池：

// 初始组件中定义并存储
this.options.variables.extend = function(array1, array2){
    return Array.from(array1).concat(Array.from(array2));
}

后续组件调用时，通过全局变量访问：

this.options.variables.extend([1,2], [3,4,5]);

方案3：组件内重复定义（不推荐） #

如果函数逻辑简单，可在每个需要的组件中重新定义，但会增加代码冗余，不利于后续维护。

内容的提问来源于stack exchange，提问作者Merle