Typescript中调用Javascript中的函数
2020-07-28 本文已影响0人
祥龙翔天
这可能是全网最简单的全面展示Typescript中调用Javascript中的函数操作流程
适合小白参考
首选确保你的系统安装好了typescript环境
打开终端输入命令 tsc -v，得到下图
tsc -v
正确显示版本号说明Typescript正常安装了
新建目录 TS_CALL_JS_FUN，且创建子目录js
其目录结构如下
|--
TS_CALL_JS_FUN
| |--js
在js目录下创建ext.js，其内容如下
function abc() {
alert("wahaha");
}
在TS_CALL_JS_FUN目录下创建main.ts，其内容如下
declare var abc: any;
function hello(compiler: string) {
console.log(`Hello from ${compiler}`);
abc();
}
hello("TypeScript");
在TS_CALL_JS_FUN目录下创建test.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>
在TS_CALL_JS_FUN目录下执行命令 tsc main.ts，以生成 main.js 文件
现在的目录结构
|--
TS_CALL_JS_FUN
| |--js
| | |--ext.js
| |--main.js
| |--main.ts
| |--test.html
现在你可以双击运行test.html来看效果
