typescript - 意外的标记;预计 'constructor, function, accessor or variable'

Question

抱歉新手问题，但我正在尝试学习 typescript 。

我有以下类(class)

class indexGridFunctions
{

    //Error on the var
    var blocksPerRow: (windowWidth:number)=>number
    = function (windowWidth)
    {
        return Math.floor(windowWidth / 12);
    };

    var blocksPerColumn: (windowHeight: number) => number
    = function (windowHeight)
    {
        return Math.floor(windowHeight / 17);
    };

    shirtsToDisplay: () => number
    = function ()
    {
        return blocksPerRow * blocksPerColumn;
    };

} 

我在第一个变量中遇到错误。错误是“意外的标记；需要‘构造函数、函数、访问器或变量’”。

我做错了什么？

TIA

Answer 1

不要使用 var。它在类主体中的语法无效。固定代码:

class indexGridFunctions {

    blocksPerRow: (windowWidth: number) => number
    = function (windowWidth) {
        return Math.floor(windowWidth / 12);
    };

    blocksPerColumn: (windowHeight: number) => number
    = function (windowHeight) {
        return Math.floor(windowHeight / 17);
    };

    shirtsToDisplay: () => number
    =  () => {
        return this.blocksPerRow(123) * this.blocksPerColumn(123);
    };

} 

我还在我提供的代码中对您的代码进行了其他修复:

• blocksPerRow 和 blocksPerColumn 未定义。使用 this.。它是一个函数，所以称之为 (123)。
• 如果您要使用 =，请优先使用 arrow ()=> 而不是 function(更多 https://www.youtube.com/watch?v=tvocUcbCupA)