前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >js和ts的相互调用

js和ts的相互调用

作者头像
一枚小工
发布2020-03-02 13:42:28
7.2K0
发布2020-03-02 13:42:28
举报
文章被收录于专栏:Cocos Creator开发Cocos Creator开发

1. 两个测试库文件JSLibTSLib

1.1 js测试库文件JSLib

代码语言:javascript
复制
const js = {
    libname: 'JSLib',
    name: '一枚小工JS',
    
    print(){
        console.log(this.name);
    },
}

export default js;

1.2 ts测试库文件TSLib

代码语言:javascript
复制
export default class TSLib{
    public static TAG:string = 'TS';
    public libname:string = 'TSLib';
    private name:string = '一枚小工TS';

    public print(){
        console.log(this.name);
    }    
}

2. 测试文件两个JSTestTSTest

2.1 js引用ts测试代码JSTest

2.1.1 引用ts库

代码语言:javascript
复制
import TSLib from './TSLib';

2.1.2 调用ts库代码

代码语言:javascript
复制
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库

代码语言:javascript
复制
import JSLib = require('./JSLib');

2.2.2 调用js库代码

代码语言:javascript
复制
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 运行结果

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2019-08-09,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 一枚小工 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档