大神们都在用的 TypeScript 你不来学学嘛

本篇文章参考以下博文

文章目录

安装

  如果你使用以下这些编辑器,直接下载插件就可以
在这里插入图片描述

  当然也可以通过 npm 安装

安装
npm install -g typescript

编译
tsc helloworld.ts

使用

  使用方法很简单,只要给想指定类型的变量后面加一个 :类型 就可以了。

function greeter(person: string) { //如你所示,就是这么简单
    return "Hello, " + person;
}

  不光是简单的数据类型,还可以指定复杂的

let Person = {
	Name: string,
	Age: number
};

function greeter(person: Person) {
    return "Hello, " + person.Name + " " + person.Age;
}

  当 TypeScript 遇到 ES6 解构赋值怎么办?

let { name:string = 'Tony' } = person;

************************************************

function greeter(person: string = '二狗子') {
    return "Hello, " + person;
}

  如上图所示, TypeScript ES6 的解构赋值并不冲突,只不过类型校验要紧贴着变量。

  完




  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值