typescript 学习入门教程 节日快乐

又到了一年一度的1024节,表面上它只是个节日,但其实是在提醒我,学习不能停,不能停学习;fignting!!!

typescript下载

Visual Studio 2017和Visual Studio 2015 Update 3默认包含了TypeScript。

npm install -g typescript
新建并运行greeter.ts文件
//新建greeter.ts文件
function greeter(person) {
    return "Hello, " + person;
}

let user = "Jane User";

document.body.innerHTML = greeter(user);

//运行ts文件,运行后大家可以看到其实自动生成了一个同名js文件
//tsc greeter.ts
ts类型注解

感觉ts就是js的严格版本,对于数据类型有严格的约束,不满足要求则会报错,但是js通常是不会报错的。详看代码:
TypeScript里的类型注解是一种轻量级的为函数或变量添加约束的方式。 在这个例子里,我们希望 greeter函数接收一个字符串参数:

//函数参数需要指定类型,函数若有返回值同样需要指定返回值类型
function greeter(person: string) {
    return "Hello, " + person;
}

let user = 'JHON';//这里的user就只能是字符串,如果改成数组或者数字等其他类型则会报错

document.body.innerHTML = greeter(user);

若函数无返回值

function func():void{
  console.log("函数无返回值")
}
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

【拾光静好 微微一笑】

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值