Fetch the repository succeeded.
由于Typescript是强类型语言，他不允许其他未知的js库在当前使用，因为没有办法做编译检测，所以如何在ts中使用其他js库就成了一个问题。
首选确保你的系统安装好了typescript环境，打开终端输入命令 tsc -v，得到以下输出：
tsc -v
Version 4.4.4
正常显示版本号，说明Typescript正常安装了。
新建目录 tsInvokeJs, 且创建子目录js
在js目录下创建abc.js, 内容如下
function abc() {
alert("abc");
}
在根目录下创建main.ts，内容如下：
declare var abc: any;
function hello(compiler: string) {
console.log(`Hello from ${compiler}`);
abc();
}
hello("Typescript");
在根目录下创建index.html，内容如下
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<script src="js/ext.js"></script>
<script src="main.js"></script>
</head>
</html>
在根目录下执行命令 tsc main.ts，生成main.js文件
目录结构：
|-- tsInvokeJs
| |--js
| | |--abc.js
| |--main.js
| |--main.ts
| |--index.html
现在双击运行index.html，就可以看到alert弹出了 abc 内容。
以上就是简单介绍了在Typescript中调用Javascript中方法的方案
Sign in to post a comment
Comment ( 0 )