Typescript入门

原创 小Q 随笔 typescript 108阅读 2018-09-19 14:06:23 举报

优势

1、支持es6规范
2、强大的IDE支持(类型检查、语法提示、重构(很方便修改))
3、angular2的开发语言

搭建typescript环境
就是搭建compiler,原理是将typescript转成js运行,因为es6现在好多浏览器不支持,所以没办法将es6直接写在浏览器里,用这个转成js

使用在线compiler开发

实际开发是本地compiler

安装本地
window 上 npm install -g typescript

linux 上 sudo npm install -g typescript
安装完查看版本 tsc --version
安装完写 hello.ts 编译成js用如下命令
tsc hello.ts 就会生成hello.js

字符串新特效

1、多行字符串
用``符号 在里面换行不出错

` 2、模板字符串 var name='测试1 ' var a=function(){ return '测试2' } console.log(我来测试你${name}) console.log(我来测试你${a()}`)
可以执行变量,也可以执行方法
3、自动拆分字符串

第一个会打印出一个数组
第二个打印zhailiang
第三个打印18

typescript参数新特性

参数类型:在参数名称后面使用冒号来指定参数类型

var myname: string="ceshi";
var n:any=''可以任意类型
var n:number=13
var man:boolean=true
function a():void{}用来声明方法的返回值
void表示不需要任何返回值
function a():string{
return '';
}
表示a方法返回的是字符串
function a(name:string){
}表示方法里的参数类型必须是字符串类型

自定义类型
class Person{
name:string
age:number
}
var zhangsan=new Person()
zhangsan.后面会自动提示name和age属性
减少犯错误的几率

默认参数:在参数后面用等号来指定参数的默认值

var name:string='nihao'
function m(a:string,b:string='abc')
{
console.log(a)
console.log(b)
}
m('123','456') // 123 456
m('wwew') //wwew
带默认值的参数一定要定义到方法的最后面

可选参数:在方法的参数声明后面用问号来标明此参数为可选参数

function m(a:string,b:string,c?:string)
{
console.log(a)
console.log(b)
console.log(c) //c为可选参数
}
m('123','456')可传2个参数

注意

1、可选参数不能声明到第一个
2、传值时候需要在方法里处理可选参数没值的情况,否则会报错

函数新特性

Rest and Spread 操作符
作用:用来声明任意数量的方法参数

generator函数
作用:控制函数的执行过程,手工暂停和恢复代码运行


funtion函数 后面加*号 并且在babel js里执行,并且通过yield在函数里进行停顿与执行

destructuring 析构表达式
作用:通过表达式将对象或数组拆解成任意数量的变量


输出 IBM 400


此时输出1 2

此时输出3 4

此时输出 1 4


此时如下显示


此时如下显示

未完待续 789

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复