typescript

一、

1.支持es6规范
2.强大的IDE支持
3.Angular2的开发语言

二、特性

1.字符串特性

1.多行字符串

var first ='aaa'
var second = 'bbb' + 
              first +
              'cccc'

var second = `bbb${first}cccc`

2.字符串模板

var myname = 'liang'
var getAge = function () {
   return 18
}
console.log(`my name is ${myname}, i'm ${getAge()}`)  //my name is liang, i'm 18

3.自动拆分字符串

function text(template, name, age) {
    console.log(template)
    console.log(name)
    console.log(age)
}

var myname = 'liang'

function getAge() {
    return 18
}

text`my name is ${myname}, i'm ${getAge()}`

自动拆分字符串

2.参数新特性

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

var my:string = 'liang'
my = 123  //---->报错
var age = 123
age = '哈哈'  // 一样会报错
//这是因为typescript存在类型推断机制，第一次赋值什么类型，
//就算是绑定了这种类型，以后赋值为其他类型的话会报错，
//使用：any可以解决这个问题

类型有以下几种：

//:string  字符串类型
//:any 任意类型
//:number数字累心
//:boolean布尔类型
//:void的作用是指定函数没有返回值
function age():void {
  return '1111'   // 报错
}

2.默认参数：在参数声明后面用等号来指定参数的默认值

function text(a, b, c) {
   console.log(a)
   console.log(b)
   console.log(c)
}

text('aa', 'bb', 'cc')
text('dd', 'ff')  //报错

function text(a, b, c="5555") {
    console.log(a)
    console.log(b)
    console.log(c)
}

text('aa', 'bb', 'cc')
text('dd', 'ff')  //这样不会报错，默认将‘555’ 为第三个参数的值
//注意：有默认值的参数应该放在后面

3.可选参数： 在参数声明后面用问号来标明此参数为可选参数

function text(a, b?, c="5555") {
    console.log(a)
    console.log(b)
    console.log(c)
}

text('aa', 'bb', 'cc') 
text('dd')

可选参数

注意：

• 要做好可选参数不存在是时候的处理方式，如上的函数中如果读取b.length的话会报错；
• 另外可选参数要放在必选参数的后面

3.函数新特性

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

function fun(...agus) {
    agus.map(item => {
        console.log(item)
    })
}

fun(1, 2, 3)  // 1,2,3

fun(5,6,8,9,10,11) // 5,6,8,9,10,11

function fun(a, b, c) {
    console.log(a)
    console.log(b)
    console.log(c)
}

var aa = [1, 2]
var bb = [7, 8, 9, 10]

fun(...aa)
fun(...bb)

image.png

2.generator 函数:控制函数的执行过程，手工暂停和恢复代码执行

function* doSomething() {
    console.log(111)
    yield    //----->相当于打断点
    console.log(222)
}
var aa = doSomething()

doSomething().next()   // 111
doSomething().next()  // 111

aa.next() // 111
aa.next() // 222

tip:用*号来定义一个generator函数，利用yield来暂停执行，使用next()方式来恢复代码的执行；这种函数的使用方式是定义一个变量来接受该函数的返回值，利用这个变量.next()方式来恢复代码执行的