Question

如何在插件的javascript和视图的javascript之间传递对象？我正在玩“apache cordova 3编程”一书中的示例代码，我被卡住了......

在我的plugin.xml中，我将命名空间设置为“mool”

<js-module src="plugin.js" name="moool">
    <clobbers target="mool" />
</js-module>

plugin.js

var mol = {
    calculateMOL : function() {
        return 42; 
    }
};

var molll = {
    calculateMOLLL : function() {
        return 42222; 
    }
};

module.exports = molll;
module.exports = mol;

的index.html

<!DOCTYPE html> <html>
<head>
<title>Meaning of Life Demo</title>
<meta http-equiv="Content-type" content="text/html;
charset=utf-8">
<meta name="viewport" content="user-scalable=no,
initial-scale=1, maximum-scale=1, minimum-scale=1,
width=device-width;" />
<script type="text/javascript" charset="utf-8"
src="cordova.js"></script>

    <script type="text/javascript" charset="utf-8">

    function onBodyLoad() { 
        document.addEventListener("deviceready", onDeviceReady,
        false);
    };

    function onDeviceReady() { 
        //alert("onDeviceReady");
    };


    function doMOL() {
        var res = mool.calculateMOL(); 
        alert('Meaning of Life = ' + res);
    };

    function doMOLL() {
        var res = mool.calculateMOLLL(); 
        alert('Meaning of Life = ' + res);
    };

    </script>

</head>


<body onload="onBodyLoad()"> 
<h1>MoL Demo</h1>
<p>This is a Cordova application that uses my custom
Meaning of Life plugin. </p>

<button onclick="doMOL();">Button1</button>
<button onclick="doMOLL();">Button2</button>

</body>
</html>

但是当我跑它时只有第二个按钮有效......有人可以给我一个解释吗？

我已经尝试过一次导出两个对象，如：

module.exports = molll, mol;

但它仍然不起作用......

Answer 1

这是一个迟到的评论，但可能会让其他人受益。对我有用的东西类似于以下内容：

尝试重写plugin.js函数，如下所示：

module.exports.calculateMOL = function() { return 42; };

module.exports.calculateMOLLL = function() { return 42222; };
最后删除两个导出语句（即module.export = mol;和= molll;）

这应该允许访问两个方法，如上面的index.html文件所示。

Answer 2

似乎每个定义它只分配一个对象！

“clobbers元素指定分配给加载的JavaScript对象的JavaScript对象。”

Answer 3

我注意到在我构建的应用程序中，module.exports属性正在采用数组，如下所示。这样你就可以将你的两个项目放在那里（？）（我只是在这个片段中显示了一个数组对象。）

cordova.define('cordova/plugin_list', function(require, exports, module) {
module.exports = [
    {
        "file": "plugins/org.apache.cordova.dialogs/www/notification.js",
        "id": "org.apache.cordova.dialogs.notification",
        "merges": [
            "navigator.notification"
        ]
    }, etc

Phonegap插件 - module.exports

3 个答案: