这篇文章主要介绍了怎么用TypeScript开发微信小程序，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。
TypeScript:
TypeScript是C#之父Anders Hejlsberg的又一力作，相信喜欢C#语法的朋友们对TypeScript一定也会爱不释手。
简单的聊一聊TypeScript吧
TS是一个应用程序级的JavaScript开发语言。
TS是JavaScript的超集，可以编译成纯JavaScript。
TS跨浏览器、跨操作系统、跨主机，开源。
TS始于JS，终于JS。遵循JavaScript的语法和语义，方便了无数的JavaScript开发者。
TS可以编译成简洁、简单的JavaScript代码，在任意浏览器、Node.js或任何兼容ES3的环境上运行。
TS提供了类、模块和接口，更易于构建组件。
顺便说一句，TypeScript虽然只关心生成JavaScript之前的这些内容（意味着不关心生成出的JS代码的运行效率），但是根据鄙人的观察和比较，TypeScript所生成的JavaScript代码比绝大部分的前台开发自己写的JavaScript的代码质量高至少一个数量级！！
TypeScript另一个优点:
TypeScript在各大主流的IDE和编辑器里有智能提示！
重要的事情要说三遍！写TypeScript有智能提示！写TypeScript有智能提示！写TypeScript有智能提示！
用TypeScript开发微信小程序
扯了半天TypeScript，那么究竟怎么用TypeScript开发微信小程序呢？
非常简单，和微信官方的JavaScript开发方式没有太大区别，依旧是4个核心文件
由于目前腾讯没有小程序的TypeScript版本的API，所以OneCode team针对目前腾讯放出的所有的小程序JavaScript API开发了一个TypeScript版本的API类型定义文件 wxAPI.d.ts
只需要在您的程序中引用该文件，如果是使用Visual Studio来开发的话，就能有代码提示了。
下面是用TypeScript开发的Demo App的代码示例：
/// <reference path="./wxAPI.d.ts"/>
App({
onLaunch: function() {
//调用API从本地缓存中获取数据
let logs: any = wx.getStorageSync('logs');
if (!Array.isArray(logs)) {
logs = []; } (<any[]>logs).unshift(Date.Now()); wx.setStorageSync('logs', logs); }, getUserInfo: function(cb: (param: any) => void) { let that = this if (this.globalData.userInfo) { cb(this.globalData.userInfo) } else { //调用登录接口
wx.login({ success: () => { wx.getUserInfo({ success: (res) => { that.globalData.userInfo = res.userInfo; cb(that.globalData.userInfo); } }); } }); } }, globalData: { userInfo: null } });感谢你能够认真阅读完这篇文章，希望小编分享的“怎么用TypeScript开发微信小程序”这篇文章对大家有帮助，同时也希望大家多多支持编程之家，关注编程之家行业资讯频道，更多相关知识等着你来学习!
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
