js和ts的相互调用

最新推荐文章于 2024-02-29 15:22:53 发布

一枚小工

最新推荐文章于 2024-02-29 15:22:53 发布

阅读量1.1w

点赞数 2

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 运行结果