1 Star 4 Fork 1

dony / 学习笔记

Create your Gitee Account
Explore and code with more than 8 million developers,Free private repositories !:)
Sign up
This repository doesn't specify license. Please pay attention to the specific project description and its upstream code dependency when using it.
Clone or Download
Typescript调用Javascript中的函数.md 1.37 KB
Copy Edit Web IDE Raw Blame History

Typescript调用Javascript中的函数

由于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中方法的方案

Comment ( 0 )

Sign in to post a comment

1
https://gitee.com/dony1122/note.git
git@gitee.com:dony1122/note.git
dony1122
note
学习笔记
master

Search