TypeScript 简介:
TypeScript 是由 Google 开发的一种免费开源编程语言。 它是 JavaScript 的超集,但本质上向该语言添加了可选的静态类型和基于类的面向对象编程。 Anders Hellsberger 是 C# 的首席架构师,曾致力于 TypeScript 的开发。
TypeScript 扩展了 JavaScript 的语法,因此任何现有的 JavaScript 程序都可以在 TypeScript 下正常工作。 TypeScript 专为小型应用程序的开发而设计typescript编程方法,编译后会形成 JavaScript 以确保兼容性。
TypeScript 支持将类型信息添加到现有 JavaScript 库的标头,将其实用性扩展到 jQuery、MongoDB、Node.js 和 D3.js 等流行库。
陌陌小程序来了! 这个可以说击败传统App的东西其实已经处于公测阶段typescript编程方法,不过一款无需内测账号也能使用的模拟器已经在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 版本,OneCodeteam 为腾讯目前发布的所有小程序 JavaScript API 开发了 TypeScript 版本的 API 类型定义文件 wxAPI.d.ts。
您只需在程序中引用该文件即可。 如果使用VisualStudio开发,可能会有代码提示。
以下是使用TypeScript开发的DemoApp的代码示例:
/// 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定义文件!
有关更多脚本示例,请访问 Google OneCode 示例库: 有关更多代码示例,请访问 Google OneScript 示例库:
以上就是小编给大家介绍的使用TypeScript开发陌陌小程序的方式。 希望对您有所帮助。 如果您有任何疑问,请给我留言,小编会及时回复您!