typescript编程方法-使用 TypeScript 开发 Momo 小程序的方法

2023-08-29 0 2,745 百度已收录

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开发陌陌小程序的方式。 希望对您有所帮助。 如果您有任何疑问,请给我留言,小编会及时回复您!

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

悟空资源网 typescript typescript编程方法-使用 TypeScript 开发 Momo 小程序的方法 https://www.wkzy.net/game/170118.html

常见问题

相关文章

官方客服团队

为您解决烦忧 - 24小时在线 专业服务