TypeScript应用 极速上手（7）

1、函数作为“一等公民”

主要体现在：

• 变量类型可以是函数
• 值(literal)可以是函数
• 对象字段可以是函数
• 函数的参数可以是函数
• 函数的返回值可以是函数

2、实例

let a =  [3,5,8,9,7,6,12,35,18,78,11]
//  变量类型可以是函数 = literal 是函数
// let compareNumber = function(a:number,b:number){
//     return a-b
// }


//推荐使用箭头函数（lambda表达式）
let compareNumber = (a:number,b:number) => a-b
//函数的参数是函数
a.sort(compareNumber)
console.log(a) //[3, 5, 6, 7, 8, 9, 11, 12, 18, 35, 78] 

// compareNumber = function(a:number,b:number){
//     return b-a
// }
//推荐使用箭头函数（lambda表达式）
compareNumber = (a:number,b:number) => b-a

//函数的参数是函数
a.sort(compareNumber)
//匿名
a.sort((a:number,b:number) => a-b)


//箭头函数中，可以填写语句
a.sort((a:number,b:number) => {
    //其他语句...
    return a-b
})
//可以根据数组类型，让编译器推断参数类型（推荐）
a.sort((a,b) => {
    console.log('comparing',a,b)
    return a-b
})
console.log(a) //[3, 5, 6, 7, 8, 9, 11, 12, 18, 35, 78] 

//对象的字段是函数
const emp1 = {
    name:'james',
    salary:10000,
    increaseSalary:function(p:number){
        this.salary *= p 
    }
}

emp1.increaseSalary(1.5)
console.log(emp1)
//输出结果：
// {
//   "name": "james",
//   "salary": 15000
// } 


//函数的返回值可以是函数
function createComparer(){
    return (a:number,b:number) => a-b
}
let b = [1,3,5,69,12,34,55,13,9]
b.sort(createComparer())

//高阶函数
function createComparer1(p:{smallerFirst:boolean}){
    if(p.smallerFirst){
        return (a:number,b:number) => a-b
    }else{
        return (a:number,b:number) => b-a
    }
}

let c = [1,3,5,69,12,34,55,13,9]
c.sort(createComparer1({smallerFirst:true}))
console.log(c) //[1, 3, 5, 9, 12, 13, 34, 55, 69]