JavaScript单独的模块中传递数据

佚名 6年前 (2019-04-11) 随笔 1589人围观抢沙发百度已收录

首先我们来看看这张图，让我们来思考一下！

SRE实战互联网时代守护先锋，助力企业售后服务体系运筹帷幄！一键直达领取阿里云限量特价优惠。

下买我给出我的完整思路代码

html代码：

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

</head>
<body>
<input type="button" value="button1" id="button1" />
<input type="button" value="button2" id="button2" />
<script src="https://cdn.bootcss.com/jquery/1.8.1/jquery.min.js"></script>
<script src="test1.js"></script>
</body>
</html>

test1.js代码

(function ($) {

    var userName = "用户名称2";

    function getEntity() {
        alert(userName);
    }

    $('#button1').click(function () {
        refFun(getEntity);
    })


})(jQuery);



(function ($) {

    var userName = "用户名称1"

    function getEntity() {
        alert(userName);
    }

    $('#button2').click(function () {
        refFun(getEntity);
    })


})(jQuery);

function refFun(fnName) {
    if (typeof fnName == "function") {
        fnName();
    }
}