美文网首页ionic
ts 与 js 的调用

ts 与 js 的调用

作者: 谢大见 | 来源:发表于2017-07-11 17:27 被阅读375次

源自网络:

ts 是 js 的超集,因此只要是 js 与 js 可以互相调用的,ts 均可以调用,只不过需要增加声明来解决编译时报错。

ts 最终生成的文件为 js,因此 js 调用 ts 其实就是 js 调用 js(ts 生成的 js 文件)。

ts 调用 js

步骤

找到 js 调用 js 的方法。

增加方法调用的声明。 请参考如何生成 .d.ts

示例

js 内的方法

functioncallJsFunc(msg){

console.log("msg from egret : "+msg);

}

ts 内声明

declare functioncall JsFunc(msg:string);//可以放在 ts 文件内(建议在顶部或者底部,中间的没试过)或者单独放到一个 .d.ts 文件中,请不要放在其他类型的文件内。msg 类型根据函数体判断。

ts 内调用

callJsFunc("hello js");

输出

msg frome gret:hello js

总结:在 js 调用 js 的基础上增加声明。其他的比如变量等,也是按上面步骤来实现。

js 调用 ts

js 调用 ts 其实就是 ts 调用 ts,由于 ts 调用 ts 可能会有同模块下的省略写法,因此只要使用不同模块下的调用来写即可。

步骤

找到非同一模块下 ts 的调用(比如example.A.CallEgretFunc("hello"))。

完全按上面调用的方式来写 (比如上面的example.A.CallEgretFunc("hello"))。

示例

ts 内的方法

moduleexampleA{

exportclassA{

publiccallEgretMethod(msg:string):void{

console.log("method msg from js : "+msg);

}

publicstaticCallEgretFunc(msg:string):void{

console.log("static msg from js : "+msg);

}

}

}

非同一模块下 ts 调用

moduleexampleB{

exportfunctionb(){

//调用方法

vara:exampleA.A=newexampleA.A();

a.callEgretMethod("method");

//调用静态函数

exampleA.A.CallEgretFunc("function");

}

}

js 内调用

vara=newexampleA.A();//去掉 a 的类型

a.callEgretMethod("method");

exampleA.A.CallEgretFunc("function");

输出

method msgfromjs:method

staticmsgfromjs:function

总结:相当于非同一个模块下的 ts 调用 ts。其他的比如变量等,也是按上面步骤来实现。

相关文章

  • ts 与 js 的调用

    源自网络: ts 是 js 的超集,因此只要是 js 与 js 可以互相调用的,ts 均可以调用,只不过需要增加声...

  • learning egret

    learning egret Index 1.js如何调用ts?2.ts如何调用js?3.egret基础4.Q&A...

  • ts与js 互相调用

    在前端开发中, ts/js 是我们比较常用的语法,我们这里就简单记录下两者之间互相调用 定义 调用 end~

  • ts调用js

  • ts调用js

  • 批处理dtsmake【仅适合win系统】

    我们写typescript的时候一直想希望用到工具将js转换为d.ts文件,这样可以直接让ts调用其中的js代码。...

  • 【第7篇】TypeScript泛型的案例代码详解

    1、最简单泛型例子 Ts代码 Js文件 2、泛型类型与接口 Ts代码一 Ts编译js代码一 Ts代码二 Ts编译j...

  • 纯TypeScript开发Web前端(二)如何引入JS库

    背景 总所周知,TS需要编译成JS才能在浏览器上跑,TS也能够调用JS的方法。但是,有一个现成的第三方JS...

  • TS入门2019-08-13

    ts和js出了类型声明其他的都是一样的。(ts就是比js多了一个类型声明) ts 与 js 相比,其实就是把类型给...

  • typescript

    与js的关系以及区别:1、ts是js的超集,更适用于大型项目开发。2、ts是强类型、js是弱类型。3、ts是编译型...

网友评论

    本文标题:ts 与 js 的调用

    本文链接:https://www.haomeiwen.com/subject/uppmhxtx.html