如何将TypeScript转JavaScript并在界面中使用
- 原创
- |
- 浏览：8356
- |
- 更新：
- |
- 标签：JAVASCRIPT 函数
![如何将TypeScript转JavaScript并在界面中使用]()
1![如何将TypeScript转JavaScript并在界面中使用]()
2![如何将TypeScript转JavaScript并在界面中使用]()
3![如何将TypeScript转JavaScript并在界面中使用]()
4![如何将TypeScript转JavaScript并在界面中使用]()
5![如何将TypeScript转JavaScript并在界面中使用]()
6![如何将TypeScript转JavaScript并在界面中使用]()
7
TypeScript是JavaScript的一个超集，在界面中不能直接使用，需要将其转换成JavaScript；下面有这么一个场景：
（1）创建一个TypeScript文件
（2）定义了一个函数
（3）将ts文件转换成js文件并引用
使用实例实现这个场景，操作如下：
方法/步骤
第一步，打开HBuilder开发工具，新建TypeScript文件user.ts，如下图所示：
![如何将TypeScript转JavaScript并在界面中使用]()
第二步，在user.ts文件中，定义一个函数userInfo，传入一个参数info，如下图所示：
![如何将TypeScript转JavaScript并在界面中使用]()
第三步，定义一个字符串变量info并赋值，调用console.log()打印函数返回的结果，如下图所示：
![如何将TypeScript转JavaScript并在界面中使用]()
第四步，保存代码之后，鼠标右键运行user.ts，结果新生成了一个user.js文件，如下图所示：
![如何将TypeScript转JavaScript并在界面中使用]()
- 该信息未经授权抓取自百度经验
第五步，在HBuilder新建一个HTML文件，接着将user.js文件引入，如下图所示：
![如何将TypeScript转JavaScript并在界面中使用]()
第六步，直接在浏览器中预览界面，打开浏览器控制台，可以查看到打印的结果，如下图所示：
![如何将TypeScript转JavaScript并在界面中使用]()
END
经验内容仅供参考，如果您需解决具体问题(尤其法律、医学等领域)，建议您详细咨询相关领域专业人士。
作者声明：本篇经验系本人依照真实经历原创，未经许可，谢绝转载。
展开阅读全部