将变量从一个 IIFE 传递到另一个

Question

我有一个这样的 index.html 文件和几个 .js 和 .css 文件。我想要的是让两个 .js 文件相互通信，我想将变量从一个文件传递到另一个文件。

index.html:

<html lang='en'>
    <head>
        <meta charset='utf-8'>
        <script src='https://d3js.org/d3.v5.js' charset='utf-8'></script>
        <script src='https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js'></script>  

        <link href='/css/a.css' rel='stylesheet'/>
        <link href='/css/b.css' rel='stylesheet'/>
        <link href='/css/c.css' rel='stylesheet'/>
    </head>

    <body>
        <div id='a'></div>
        <div id='c'></div>
        <div id='b'></div>
    </body>

    <script src='/script/a.js' rel='script'/></script>
    <script src='/script/b.js' rel='script'/></script>
    <script src='/script/c.js' rel='script'/></script>
</html>

a.js

var MODULE = (function a() {

    var my = {};
    my.aToPass = 'a'; // variable to pass at file b.js

    var first = 5;
    var second = 'example';

    function test() {
        my.firstToPass = first + 100; // variable to pass at file b.js
        console.log(first);
    }

    return my;

}());

b.js

(function b() {

    console.log('my:', MODULE.my); // undefined
    console.log('my:', MODULE.aToPass); // undefined
    console.log('my:', MODULE.firstToPass); // undefined

    // other code...

}());

我想要的是将变量 aToPass 和 firstToPass（属于 a.js）传递到 b.js 文件。我该怎么做？

我使用了IIFE的方式将代码拆分成几个文件，但是如果有更好的方式，我愿意改变代码结构。

Answer 1

const MODULE = (function () {
      var my = {};

      my.aToPass = 'a'

      var first = 5;
      var second = 'example';

      (function test() {
        my.firstToPass = first + 100; // variable to pass at file b.js

      })();


      return my;
    })();


    module.exports = MODULE;

和b.js：

const MODULE = require('./try');

    (function b() {

      console.log('my:', MODULE.my); // undefined
      console.log('my:', MODULE.aToPass); // my: a
      console.log('my:', MODULE.firstToPass); // my: 105

      // other code...
    })();

Answer 2

您可以将对象的实例传递给 b。

在你的 b 匿名函数中...

(function b(MODULE) {

    console.log('my:', MODULE.my); // undefined
    console.log('my:', MODULE.aToPass); // undefined
    console.log('my:', MODULE.firstToPass); // undefined

    // other code...

})(MODULE);

将变量从一个 IIFE 传递到另一个

Pass a variable from one IIFE to another

javascript

iife