Flex调用JS示例与交互优化：传递参数与返回值

本文主要介绍了如何在Flex与JavaScript之间进行交互调用，针对初学者提供了一个实践案例。作者接手了一项任务，需要使用Flex调用JavaScript来操控使用Ajax实现的三维球，因此开始了对Flex的学习。文章详细描述了在FlashBuilder 4.6环境下进行操作的步骤。 首先，Flex调用JavaScript通常使用`ExternalInterface.call()`方法。创建一个名为FlexToJs的Flex项目，主界面添加一个带点击事件的按钮，其`call`方法的参数包括要调用的JavaScript函数名（如`sayHellWorld`）和传递的参数（如字符串`SayHellWorld`）。接着，作者在WebStorm中创建了一个名为`HelloWorld.js`的JavaScript文件，放置在项目的`html-template`目录下，并在`index.template.html`中引用该脚本。 遇到的问题是，虽然在IE下测试正常，但在Chrome下按钮无法显示。作者指出这可能是因为浏览器兼容性问题，或者需要检查其他可能的配置错误。对于无参数的调用，即使不传递参数，Flex端仍需保持`call`方法的调用格式不变，以防未来可能出现错误。 文章重点转向了如何处理返回值和非字符串类型参数。为了实现这一点，作者在Flex中添加了按钮id以便于后续操作，并通过数组传递参数到JavaScript。JavaScript代码则接收数组并返回修改后的数组，从而实现了数据的双向交互。例如，当调用`sayHelloWorld`函数时，不仅改变了JavaScript中的数组内容，还返回了结果到Flex端，从而显示在界面上。 总结来说，本文提供了从零开始学习如何在Flex和JavaScript之间进行调用的基本步骤，包括参数传递、函数调用以及处理返回值，适用于那些初次接触此场景的开发者。同时，它也提醒了开发者注意浏览器兼容性和调试过程中的常见问题。通过本文，读者可以理解如何在Flex应用中利用JavaScript的功能，以及如何在两者间建立有效的通信。