Question

我使用Aurelia和TypeScript作为我的网络应用程序。我创建了以下＆＃39; user_checking＆＃39;用于检查用户和状态的功能如下。

user_checking(registerdata, tested_users) {
  return registerdata.userid && typeof tested_users[registerdata.userid] == 'undefined';
}

此函数有两个参数，也有返回类型。我没有看到任何类型的错误。但是当我运行应用程序时，我收到了以下错误。

错误TS2363：算术运算的右侧必须是＆＃39;任何＆＃39;，＆＃39;数字＆＃39;或枚举类型。 [07:46:58] gulp-notify：[运行Gulp时出错]错误：

任何人都可以告诉我这个功能的错误是什么。

Answer 1

实际上，正如评论中也提到的那样，使用TypeScript v2.3.x编译时，您的代码段工作正常。

您首先可能需要通过tsc --v检查TypeScript版本，并在需要时进行更新。

我接受了你提到的snippet from GitLab并测试了它是否按预期工作。下面的两个基本示例排列并返回'true'和'false'：

/**
 * Example that arranges the function to return 'true'
 */
public exampleTrue(): boolean {
  let registerdata = { userid: 1001 };
  let tested_users = [];

  return this.register.user_checking(registerdata, tested_users);
}

/**
 * Example that arranges the function to return 'false'
 */
public exampleFalse(): boolean {
  let registerdata = { userid: 1001 };
  let tested_users = [];

  this.tested_users[registerdata.userid] = 'foo';

  return this.register.user_checking(registerdata, this.tested_users);
}

为了记录，这是您的课程没有任何修改：

import {autoinject} from 'aurelia-framework';
import {HttpClient, json} from 'aurelia-fetch-client';

@autoinject
export class Register {
  heading:string = 'sTeam register';

  registerdata = {};
  passwordmatch = true;
  tested_users = {}; //in coffee this is 'tested_users = {}'

  /**
   * CoffeeScript(AngularJS based) code as follows.
   * ------------------------------
   * S.tested_users = () ->
   *     tested_users
   * ------------------------------
   * @param tested_users
   * @returns {any}
   */
  tested_users_check(tested_users) {
    return tested_users;
  }

  /**
   * CoffeeScript(AngularJS based) code as follows.
   * ------------------------------
   * S.user_checking = ->
   *     S.registerdata.userid and typeof tested_users[S.registerdata.userid] == 'undefined'
   * ------------------------------
   * @param registerdata
   * @param tested_users
   * @returns {number}
   */
  user_checking(registerdata, tested_users) {
    return registerdata.userid && typeof tested_users[registerdata.userid] == 'undefined';
  }

  /**
   * CoffeeScript(AngularJS based) code as follows.
   * ------------------------------
   * S.user_available = ->
   *     typeof tested_users[S.registerdata.userid] != 'undefined' and !tested_users[S.registerdata.userid]
   * ------------------------------
   * @param registerdata
   * @param tested_users
   */
  user_available(registerdata, tested_users) {
    typeof tested_users[registerdata.userid] != 'undefined' && !tested_users[registerdata.userid];
  }

  /**
   * CoffeeScript(AngularJS based) code as follows.
   * ------------------------------
   * S.user_taken = ->
   *      typeof tested_users[S.registerdata.userid] != 'undefined' and tested_users[S.registerdata.userid]
   * ------------------------------
   * @param registerdata
   * @param tested_users
   */
  user_taken(registerdata, tested_users) {
    typeof tested_users[registerdata.userid] != 'undefined' && tested_users[registerdata.userid];
  }

  /**
   * CoffeeScript(AngularJS based) code as follows.
   * ------------------------------
   * S.register = ->
   *     S.registerdata.group = 'techgrind'
   *     steam.post('register', S.registerdata).then(handle_request)
   * ------------------------------
   * @param registerdata
   */
  register(registerdata) {
    registerdata.group = 'kaishr';
    //  Have to implement the steam post method call.
  }

}

作为旁注，我想指出，利用TypeScript的强类型可能会非常有用。你的班级几乎不使用任何约束或类型声明。但也许，作为一个起点，你可能会欣赏一些小调整，如：

  // define a strong-typed array, constrained to numbers
  // (assuming userid is a number)
  tested_users: Array<number> = [];

  // define the class 'RegisterData'
  // forcing it to have a userid of type number
  export class RegisterData {
    public userid: number;
  }

有了这个，您可以在运行应用程序之前更多地重构您的操作，以充分利用编译时的安全性和检查。像这样：

  public user_checking(registerdata: RegisterData, tested_users: Array<number>): boolean {
    return registerdata.userid && typeof tested_users[registerdata.userid] == 'undefined';
  }

乍一看，在仪式中看起来可能看起来很多，不要被淹没。只添加一些类型，您已完成以下操作：

强制您的功能返回boolean
强类型的RegisterData类
消除userid
将输入参数约束为强类型

最后，这将允许您的编译器在您运行程序之前帮助您提供更好的信息。

希望这有助于......

如何在TypeScript中创建具有返回类型的函数？

1 个答案: