flex与js通信与彼此之间的互调整理(一)
这次迭代的任务中有一条：需要用 flex 调用 js 来操控基于 ajax 的三维球。正好之前用 flash 做过游戏，快速过了一遍 flex 语法就开始了。网上翻了不少 flex 和 js 互相调用的资料，整理一下，权当备忘，也供大家参考。环境是 Flash Builder 4.6，说实话刚开始还
这次迭代的任务中有一条：需要用 flex 调用 js 来操控基于 ajax 的三维球。正好之前用 flash 做过游戏，快速过了一遍 flex 语法就开始了。网上翻了不少 flex 和 js 互相调用的资料，整理一下，权当备忘，也供大家参考。环境是 Flash Builder 4.6，说实话刚开始还挺陌生。
一、flex 调用 js
新建 flex 项目 FlexToJs，如图所示：
Flex 调用 js 的核心就是使用 ExternalInterface.call() 方法。主界面加一个按钮，注册一个点击事件，如图：
这里的 sayHelloWorld 是字符串，对应 js 文件里方法的名字，params 是传入的参数字符串。
接下来用 WebStorm 创建一个 HelloWorld.js 文件（用文本编辑器也成），代码如下：
把这个 js 文件放在 FlexToJs/html-template 下，这是运行时存放代码的地方。如果还需要调试，那么在 FlexToJs/bin-debug 下面也放一份，如图：
在 index.template.html 里加上一句 ，就是加个 js 引用，这个应该都会。在 FlexToJs.html 里同样位置，保存时会自动加上这句话，有兴趣的可以研究一下它们的关系。接下来运行 FlexToJs.mxml，点击按钮时，会通过引用的界面去调用 js 里的方法 sayHelloWorld，最终弹出警告，如图：
奇怪的是，在 IE 下可以正常显示，Chrome 下却不行，按钮都出不来。
下面来优化一下代码。如果不需要传递参数，js 里可以不用参数，但 flex 这边那个参数还是要写上，否则有些情况会出错。
如果我们需要返回值，或者需要传递非字符串的参数呢？一起来改一改。
把 FlexToJs.mxml 内部改为如下：
按钮加了个 id，方便使用。这里用数组传递给 js，并返回一个新数组来改变按钮的显示。之前的 HelloWorld.js 变为：
也很容易理解，只是改变了数组里的内容。最后结果为：“Hello yy!Hello xx!Hello zz!”，返回值和传参都完成了，基本可以满足日常需求。不过这些参数只适用于 String、int 等常用类型，如果是自己写的类，两边都得写解析函数，这里就不展开了，大家可以自己尝试。
二、js 调用 flex
有人可能会问，当我们调用了 js 文件，如果 js 里需要在某个时候调用 flex 里的方法怎么办？下面就来解决这个问题。
继续用刚才的项目，直接在上面修改。将 FlexToJs.mxml 改为如下：
去掉了按钮，注意在 Application 最后加了一个事件，初始化完成后调用 initApp。这里的 sayCallBack 对应 js 里的方法，在这里监听，当 js 触发调用此方法时，会转到 callBack 处理，最后返回值给 js 里的 init。Js 文件如下：
这里的 dou.sayCallBack 调用的就是 flex 里的那个字符串方法。
最后在 index.template.html 里需要加一个按钮，如图：
这个按钮调用 js 里的 init 方法。运行后的效果：
参数和返回值都有了，应该能满足大家的需求。后续如果有时间，再把 flex 调用 js 控制二维地图和三维球的过程写写，不过那些需要用到超图的一些第三方控件了。希望对大家有所帮助。
Blender 是一款免费开源、跨平台的专业 3D 创作软件，集建模、动画、渲染、视频编辑与视觉合成等功能于一体，广泛应用于影视动画、游戏设计和建筑可视化等领域。软件支持 Cycles 物理渲染器与 Eevee 实时渲染引擎，并提供多边形建模、骨骼绑定、物理模拟等专业工具。Blender 兼容 Windows、macOS 和 Linux 系统，安装包轻巧、运行流畅，依托活跃的全球开发者社区持续更新，是从初学者到专业创作者都值得选择的正版 3D 创作工具。
赤友清理大师是一款为 Mac 设计的智能清理优化工具，可精准扫描垃圾、大文件、重复文件等，释放磁盘空间。做扫描整理、文字提取和表格转换时，它能把识别后的处理步骤接得更顺，资料录入这类场景会省下不少时间。
一款文字处理软件，一种订阅式的跨平台办公软件，基于云平台提供多种服务，通过将 Excel 和 Outlook 等应用与 OneDrive 和 Microsoft Teams 等强大的云服务相结合，Office 365 可让任何人使用任何设备随时随地创建和共享内容。
CodeExpander 是一款快捷短语输入增强工具，通过键入缩写自动展开为自定义文段，提升工作效率。任务管理和过程控制会更完整，持续下载、批量同步或需要稳定传输流程的场景会更适合它。
Mountain Duck 是一款能将多个网盘挂载到本地的工具，像本地磁盘一样使用网盘。清理链路的完整性会更好一些，做应用卸载、残留处理和空间整理时，通常能少走很多手动排查步骤。
Blender 是一款免费开源、跨平台的专业 3D 创作软件，集建模、动画、渲染、视频编辑与视觉合成等功能于一体，广泛应用于影视动画、游戏设计和建筑可视化等领域。软件支持 Cycles 物理渲染器与 Eevee 实时渲染引擎，并提供多边形建模、骨骼绑定、物理模拟等专业工具。Blender 兼容 Windows、macOS 和 Linux 系统，安装包轻巧、运行流畅，依托活跃的全球开发者社区持续更新，是从初学者到专业创作者都值得选择的正版 3D 创作工具。
极度公式是一款跨平台专业LaTeX公式识别编辑软件，支持OCR公式识别和多平台编辑。和使用说明，避免使用，享受完整功能与稳定支持。做扫描整理、文字提取和表格转换时，它能把识别后的处理步骤接得更顺，资料录入这类场景会省下不少时间。
一款文字处理软件，一种订阅式的跨平台办公软件，基于云平台提供多种服务，通过将 Excel 和 Outlook 等应用与 OneDrive 和 Microsoft Teams 等强大的云服务相结合，Office 365 可让任何人使用任何设备随时随地创建和共享内容。
CodeExpander 是一款快捷短语输入增强工具，通过键入缩写自动展开为自定义文段，提升工作效率。任务管理和过程控制会更完整，持续下载、批量同步或需要稳定传输流程的场景会更适合它。
Mountain Duck 是一款能将多个网盘挂载到本地的工具，像本地磁盘一样使用网盘。清理链路的完整性会更好一些，做应用卸载、残留处理和空间整理时，通常能少走很多手动排查步骤。