Cocos Creator内，JavaScript与TypeScript的相互调用

​1. 两个测试库文件JSLib和TSLib

1.1 js测试库文件JSLib

const js = {    libname: 'JSLib',    name: '一枚小工JS',        print(){        console.log(this.name);    },}​export default js;

1.2 ts测试库文件TSLib

export default class TSLib{    public static TAG:string = 'TS';    public libname:string = 'TSLib';    private name:string = '一枚小工TS';​    public print(){        console.log(this.name);    }    }

2. 测试文件两个JSTest和TSTest

 

2.1 js引用ts测试代码JSTest

2.1.1 引用ts库

import TSLib from './TSLib';

2.1.2 调用ts库代码

if(JSLib != null){    cc.log('ts 调用 js');    cc.log(JSLib);    JSLib.print();    cc.log(`libname:${JSLib.libname}`);}else{    cc.log('null');}

2.1.3 运行结果

 

2.2 ts引用js测试代码TSTest

2.2.1 引用js库

import JSLib = require('./JSLib');

2.2.2 调用js库代码

if(TSLib != null){    cc.log('js 调用 ts');    cc.log(TSLib);​    let ts = new TSLib();    ts.print();    cc.log(`libname:${ts.libname}`);    cc.log(`tag:${TSLib.TAG}`);}else{    cc.log('null');}

2.2.3 运行结果