TypeScript-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有点类似函数类型接口。我们试试

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和箭头函数，还可以这样修改，如下:

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);

 用call或者apply重新绑定this

最后

以上就是美满咖啡豆最近收集整理的关于TypeScript-5-函数的全部内容，更多相关TypeScript-5-函数内容请搜索靠谱客的其他文章。