一、
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()方式来恢复代码执行的
