[Egret学习笔记 八]TypeScript与JavaScript通讯

在看《Egret与第三方库》教程中，不少小伙伴们对该教程还有很多不太清晰的地方，以一个简单的例子，给大家参考下。

教程实际就是 ， ts与js之间通讯

第一步：
在src目录下，建立一个命名为callJS目录（这个名字随便起），存放js代码和.d.ts接口，.d.ts可以看作ts与js的桥梁

第二步：
建立一个js文件，这里我就随便写点东西吧

var callJS = (function () {
    function callJS() {
    }

    callJS.test = function(){
      alert("HelloWorld!!!!");
    };

    return callJS;
})();


第三步：
建立.d.ts，作为ts与js桥梁，实际也是js与ts之间的翻译者

declare class callJS{
    static test();
}


第四步:
在项目根目录建立一个json配置，这里我就随便命名一个叫callJS.json的文件，里面的内容：

{
  "name": "callJS",
  "dependence": ["core"],
  "source":"src/callJS/",
"file_list": [
    "callJS.d.ts",  
    "callJS.js"
  ]
}
"file_list" 声明的两个文件，就是第二和第三步的内容

第五步：
加入到egretProperties.json中
{
    "document_class": "Main",
    "modules": [
        {
            "name": "core"
        },
        {
            "name": "res"
        },
        {
          "name":"callJS","path":"."
        }
    ],
    "native": {
        "path_ignore": [

        ]
    },
    "egret_version":"1.6.0"
}

其中红色部分，callJS 就是第四步建立的 callJS.json文件命名

第六步：
源码中调用
     //调用JS
     callJS.test();

第七部：
命名egret build -e   编译刚才内容


编译成功后，你会发现，libs目录下会多了一个 callJS目录，里面有三个文件，这三个文件分别就是 第二 ~ 四步 创建的文件。这时运行后，会弹出"Hello World" 提示框。