Javascript 将数据从一个js传递到另一个js

我有两个js：（1）是我可以添加地图的地方，我可以单击按钮并绘制形状（geozone）和（2）是我可以使用colorpicker和summernotes更改形状的颜色和不透明度的地方

我可以在（第二）个js中使用colorpicker获取颜色

$('#colorpicker'+no).colorpicker().on('changeColor', function() {
            var no = $(this).attr('map'); 
            var color = $('#txtGeoColor'+no).val();
            console.log("color1 : " , color);
        });

它位于document.ready（function（））中

是否可以从（第二个）js调用颜色并在代码中传递给（第一个）js：

$("#mapContainer").on("click", ".btnCircleDraw",function(){
        var circleDrawer = new L.Draw.Circle(map, {
            shapeOptions: {
                color: (must call the color here)
            }
        });   
        circleDrawer.enable();
    });

---

在第二个文件中使用颜色变量。您需要导入第二个文件上方的第一个文件。像

文件1：

var color = '';
$('#colorpicker'+no).colorpicker().on('changeColor', function() {
            var no = $(this).attr('map'); 
            color = $('#txtGeoColor'+no).val();
            console.log("color1 : " , color);
        });

文件2：

$("#mapContainer").on("click", ".btnCircleDraw",function(){
        var circleDrawer = new L.Draw.Circle(map, {
            shapeOptions: {
                color: color
            }
        });   
        circleDrawer.enable();
    });

始终记住，在文件2之前导入文件1，因为文件2包含在文件1中初始化和分配的颜色变量

两个js文件都将使用的文件

<script src="file1.js">
<script src="file2.js">

---

我不知道您使用的是什么

colorpicker

库，但通常对象都有自己的getter函数，所以我最好的猜测是查阅所述colorpicker的文档并使用该方法获取所选颜色，然后单击，调用getter方法尝试使用第一个$（“#colorpicker”+否）。colorpicker（）。。。。在函数内部调用它（color:callingfunction（））