cocoscreator ts调用js文件

springleaf3000

于 2021-12-20 13:00:19 发布

阅读量4.1k

点赞数

CC 4.0 BY-SA版权

分类专栏： cocoscreator ts 文章标签： javascript typescript cocoscreator

本文链接：https://blog.youkuaiyun.com/springleaf2/article/details/122038993

cocoscreator 同时被 2 个专栏收录

24 篇文章

订阅专栏

8 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

方法: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();
    }
}