TypeScript-5-函数

168 阅读 0 评论 111 点赞

我是靠谱客的博主美满咖啡豆，这篇文章主要介绍TypeScript-5-函数，现在分享给大家，希望可以做个参考。

复制代码

1
2
3
4
5
let myAdd: (x: number, y: number)  =>number=
    function(x: number, y: number): number { return x + y; };
let n:number=myAdd(1,2);
console.log(n);

myAdd:(x:number,y:number)规定了参数类型，=>number规定了返回值。

(x: number, y: number) =>numbe有点类似函数类型接口。我们试试

复制代码

1
2
3
4
5
6
7
interface Add {
  (x: number, y: number): number;
}
let myAdd: Add=function(x: number, y: number): number { return x + y; };
let n:number=myAdd(1,2);
console.log(n);

效果一样。

看到这个=>函数是有点疑惑，去TypeScript新手教程去搜索解释，如下：

我觉得这两个=>是同一个东西，就是箭头函数

关于this和箭头函数，还可以这样修改，如下:

复制代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
let deck = {
    suits: ["hearts", "spades", "clubs", "diamonds"],
    cards: Array(52),
    createCardPicker: function() {
       return function() {
            let pickedCard = Math.floor(Math.random() * 52);
            let pickedSuit = Math.floor(pickedCard / 13);

            return {suit: this.suits[pickedSuit], card: pickedCard % 13};
        }
    }
}

let cardPicker = deck.createCardPicker();
let pickedCard = cardPicker.call(deck);

console.log("card: " + pickedCard.card + " of " + pickedCard.suit);