Angular 函数randomString（）：字符串

我想在Angular应用程序中使用JavaScript代码。我试过这个：

export class MerchantNewComponent extends FormBaseComponent {

  constructor(private merchantService: MerchantService,
              private router: Router) {
    super();
  }

  function randomString() {
    var length = 40;
    var chars = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ';
    var result = '';
    for (var i = length; i > 0; --i) result += chars[Math.floor(Math.random() * chars.length)];
    return result;
  }
}

但我得到了这个错误：

---

有人知道如何在Angular应用程序中使用此JavaScript代码吗？

应该是

public randomString

而不是

function randomString

函数

可以在类外使用，如果它在类内，则它是类的方法，不再是函数

如果在组件内部使用它，则可以在模板中使用

this.randomString（）

或

randomString（）

调用它

---

您也可以使用getter

public get randomString（）{…}

当您使用它时，您只需要将其称为

this。randomString
应该是
public randomString
而不是
function randomString

函数
可以在类外使用，如果它在类内，则它是类的方法，不再是函数

如果在组件内部使用它，则可以在模板中使用
this.randomString（）
或
randomString（）
调用它

您还可以使用getter
public get randomString（）{…}
，然后在使用它时，只需将其称为this.randomString

使用TypeScript语法在类中声明方法：

导出类MerchantNewComponent扩展了FormBaseComponent{
getRandomStr（）：字符串{
// ...
}
}

笔记

建议在函数声明旁边添加函数的返回类型

考虑重命名函数，使其更具描述性，并表示它返回一个值。（就像我在上面所做的那样，

randomString

变成了

getRandomStr

——这澄清了函数的确切功能）

有关更多信息，请查看

---

编辑：要指定应传递到方法中的参数，请参见以下内容：

getRandomStr（randomLength:number）：字符串{
//使用randomLength变量执行某些操作
控制台日志（随机长度）；
// ...
}

使用TypeScript语法在类中声明方法：

导出类MerchantNewComponent扩展了FormBaseComponent{
getRandomStr（）：字符串{
// ...
}
}

笔记

建议在函数声明旁边添加函数的返回类型

考虑重命名函数，使其更具描述性，并表示它返回一个值。（就像我在上面所做的那样，

randomString

变成了

getRandomStr

——这澄清了函数的确切功能）

有关更多信息，请查看

---

编辑：要指定应传递到方法中的参数，请参见以下内容：

getRandomStr（randomLength:number）：字符串{
//使用randomLength变量执行某些操作
控制台日志（随机长度）；
// ...
}

请将错误作为文本发布。一个选项是在类外声明函数并在类中使用它。请将错误作为文本发布。一个选项是在类外声明函数并在类中使用它。还有什么要更改的吗？还有什么要更改的吗？方法中的变量如何？您可以指定参数在括号之间。方法中的变量如何？可以在括号之间指定一个参数。