TypeScript 是 C# 之父 Anders Hejlsberg 的又一力作。 很多喜欢c#句型的同学爱不释手。 今天给大家介绍一下用TypeScript开发Momo小程序的方法。 有兴趣的同事看看吧。
TypeScript 简介：
TypeScript 是由 Google 开发的一种免费开源编程语言。 它是 JavaScript 的超集typescript api文档，本质上向该语言添加了可选的静态类型和基于类的面向对象编程。 C# 首席架构师 Anders Hellsberg 一直致力于 TypeScript 开发。
TypeScript 扩展了 JavaScript 的语法，因此任何现有的 JavaScript 程序都可以在 TypeScript 下正常工作。 TypeScript 专为小型应用程序的开发而设计，编译后会形成 JavaScript 以确保兼容性。
TypeScript 支持将类型信息添加到现有 JavaScript 库的标头，将其实用性扩展到 jQuery、MongoDB、Node.js 和 D3.js 等流行库。
微信小程序来了！ 这个可以说秒杀传统App的东西其实已经处于公测阶段，不过应用账号的官方文档已经发布了无需公测账号也可以使用的模拟器。
工具和文档请参考官方文档：
打字稿：
TypeScript 是 C# 之父 Anders Hejlsberg 的又一力作。 相信喜欢C#句型的同事一定会喜欢TypeScript。
我们简单说一下 TypeScript
TS 是一种应用程序级 JavaScript 开发语言。
TS 是 JavaScript 的超集，可以编译成纯 JavaScript。
TS跨浏览器、跨操作系统、跨主机、开源。
TS起源于JS，最后是JS。 遵循JavaScript的语法和语义，方便了无数JavaScript开发者。
TS 可以重用现有的 JavaScript 代码并调用流行的 JavaScript 库。
TS 可以编译成简约、简单的 JavaScript 代码，可以在任何浏览器、Node.js 或任何 ES3 兼容环境上运行。
TypeScript 比 JavaScript 更高效，包括：静态类型检测、基于符号的导航、手动完成语句、代码构造等。
TS 提供了类、模块和套接字，使创建组件变得更加容易。
顺便说一句，TypeScript 似乎只关心生成 JavaScript 之前的内容（也就是说它不关心生成的 JS 代码的运行效率），但根据我的观察和比较，TypeScript 生成的 JavaScript 代码比大多数前端开发自己写的JavaScript代码质量至少高出一个数量级！ ！
TypeScript 的另一个优点：
TypeScript 在各大主流 IDE 和编辑器中都有智能提示！
重要的事情说三遍！ 使用智能提示编写 TypeScript！ 使用智能提示编写 TypeScript！ 使用智能提示编写 TypeScript！
使用 TypeScript 开发陌陌小程序
聊了半天TypeScript，那么如何使用TypeScript来开发Momo小程序呢？
很简单，和Momo官方的JavaScript开发方式没有太大区别，还是4个核心文件
App：整个应用程序代码的具体对象，可以设置全局方法和变量
Page：页面的具体对象，承载页面的业务逻辑
WXML：页面的结构，相当于html
JSON：配置文件
WXSS：页面的样式，相当于css
由于腾讯目前还没有针对小程序的 API 的 TypeScript 版本，因此 OneCode 团队为腾讯目前发布的所有小程序 JavaScript API 开发了 TypeScript 版本的 API 类型定义文件 wxAPI.d.ts。
你只需要在程序中引用这个文件，如果使用Visual Studio开发的话，就可以有代码提示。
以下是使用 TypeScript 开发的 Demo App 的代码示例：
///
App({
onLaunch: function() {
//调用API从本地缓存中获取数据
let logs: any = wx.getStorageSync('logs');
if (!Array.isArray(logs)) {
logs = [];
}
(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
}
});
登录复制
有兴趣的同学可以去那里下载完整的代码示例以及特别关键的Momo小程序TypeScript API定义文件！
有关更多脚本示例typescript api文档，请访问 Google One Code 示例存储库： 有关更多代码示例，请访问 Google One Script 示例存储库：
