cocoscreator ts调用js文件

最新推荐文章于 2025-09-01 15:27:50 发布

原创最新推荐文章于 2025-09-01 15:27:50 发布 · 4.2k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #typescript #cocoscreator

cocoscreator 同时被 2 个专栏收录

24 篇文章

订阅专栏

8 篇文章

订阅专栏

本文介绍JavaScript和TypeScript中两种不同的模块导入导出方式：export default与import，以及module.exports和require。前者适用于现代JavaScript环境，但import声明必须位于文件顶部；后者则支持动态加载，且更灵活。

方法:1 export default 与 import方式，缺点是import只能放在文件前面，不能放到函数里

// TestJs.js文件
var TestJs = cc.class({
    extends: cc.Component,
    
    play(){ 
        console.log('play')    
    }
});
export default TestJs;

// TestTs.ts文件
import TestJS from './TestJs'
@ccclass("TestTS")
export class TestTS extends Component {
    start () {
        let js = new TestJS();
        js.play();
    }
}

方法:2 module.exports和require方式，优点是延时加载，防止代码相互嵌套，require时返回的对象是指向相同的地址的，和lua的require一致的

// TestJs.js文件
let TestJs = cc.Class({
    play() {
        console.log('play')
    }
});
module.exports = new TestJs();

// TestTs.ts文件
@ccclass("TestTS")
export class TestTS extends Component {
    start () {
        // @ts-ignore
        let TestJS = require("TestJS") // 无需具体路径
        TestJS.play();
    }
}