在 HTML5 构建中使用 JavaScript

为模拟器创建虚拟包装器

开发总是出错的插件可能会很麻烦，因为 JS 代码在模拟器中不起作用。为此，我们建议创建一个 Lua 包装器。它应该检查 JavaScript 是否可以执行，如果可以则执行。

为此，您需要创建两个文件：demo_plugin.lua

if system.getInfo("platform") == 'html5' then
    return require "demo_plugin_js"
else
    local lib = {}
    setmetatable( lib, {__index = function( t, k )
        return function() 
            print( "WARNING: Placeholder is called for " .. k )
        end
    end} )
    return lib
end

这个简单的 Lua 包装器将为所有请求返回一个虚拟函数，除非它在 html5 平台上运行。在这种情况下，它将返回包含在 demo_plugin_js.js 文件中的真实插件

demo_plugin_js = {
    init: function() { 
        console.log( "Init was called" );
    }
}

请注意，模块的对象也必须重命名为 demo_plugin_js。

将函数传递给 JavaScript

我们已经看到从 Lua 调用 JavaScript 函数非常简单。但通常需要反过来 - 在某些 JavaScript 异步操作完成后调用 Lua 的回调函数。这很棘手，因为 JavaScript 没有提供任何与垃圾回收器交互的机制。更简单的值类型（如字符串、数字或事件表）可以在 Lua 和 JavaScript 之间复制，因此内存泄漏不是问题，因为副本在每一侧都单独处理。另一方面，函数必须与其环境保持连接才能执行预期任务。尽管如此，Solar2D 提供了两种方法，允许将 Lua 函数传递给 Javascript

local function callbackFunction( message )
    print( message )
end
local demo = require "demo_plugin"
demo.callback = callbackFunction
demo.execute()

demo_plugin_js = {
    execute: function() { 
        this.callback( "Hello World" );
    }
}

local function callbackFunction( message )
    print( message )
end
local demo = require "demo_plugin"
demo.execute( callbackFunction )

demo_plugin_js = {
    execute: function( callbackReference ) {
        if( LuaIsFunction( callbackReference ) ) {
            var f = LuaCreateFunction( callbackReference );
            f( "Hello World" );
            LuaReleaseFunction( f );
        }
    }
}

demo_plugin_js = {
    execute: function( callbackReference ) {
        if( LuaIsFunction( callbackReference ) ) {
            var f = LuaCreateFunction( callbackReference );
            setTimeout( function() {
                f( "Hello World" );
                LuaReleaseFunction( f );
            }, 1000 )
        }
    }
}

init()

函数 init() 最有趣。它分为 2 个部分。首先 - 它记住回调函数以将事件分派给

        LuaReleaseFunction( this.callback );
        if ( LuaIsFunction( callback ) ) {
            this.callback = LuaCreateFunction( callback );
        } else {
            this.callback = function(){};
        }

第一行释放现有的回调函数（如果有）。然后，它从引用创建新的回调函数，并将其分配给 callback 属性。如果没有设置新的回调函数，我们只使用空函数作为回调函数，以防止运行时错误和过度检查。

第二部分

        if ( this.init_internal ) {
            this.init_internal();
            this.init_internal = null;
        }

它调用 init_internal 方法，然后将其设置为 null，这样它就不会再次被调用。这是确保 init_internal 只被调用一次的简单方法。

init_internal()

VK Direct Games 是一个第三方集成。我们必须使用外部 JavaScript 库来使用它。该库在 init_internal() 方法中加载和初始化。让我们来看看

    init_internal: function()
    {
        var script = document.createElement('script');
        script.setAttribute('src', 'https://vk.com/js/api/mobile_sdk.js');
        script.setAttribute('type', 'text/javascript');
        script.setAttribute('charset', 'utf-8');

        script.onerror = function()
        {
            // ...
        };

        script.onload = function()
        {
            // ... initOK = ... initFail = ...
            VK.init(initOK, initFail, '5.60');
        };
        document.head.appendChild(script);
    }

在这段代码中，我们以编程方式创建一个 <script/> 元素并将其附加到我们的 HTML 页面。我们还设置了 onerror 和 onload 处理程序，我们在其中分派消息。此外，我们在脚本加载时调用 VK.init 以初始化 VK API。查看原始代码以获取更多详细信息。