意外的标记; '构造函数、函数、访问器或变量'预期

Question

很抱歉这个新手问题，但我正在尝试学习类型脚本。

我有以下课程

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

} 

我在第一个 var 处遇到错误。错误是“意外的令牌；需要'构造函数、函数、访问器或变量'”。

我做错了什么？

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)。
• 如果你打算使用=（更多https://www.youtube.com/watch?v=tvocUcbCupA），首选arrow ()=>而不是function