javascript - 自定义 Angular 过滤器给出 TypeError 无法调用未定义，但变量已定义且有效

Question

我制作了以下 Angular 过滤器，使单词全部大写:

   angular.module('module.name').filter('toUpperCase', function() {
        return function(input) {
            return input.toUpperCase();
        };
   });

在我看来，我正在使用以下行:

   {{city | toUpperCase}}

当我运行代码 city 时，它应该被转换为大写字母。但是，当我查看控制台时，出现以下错误:

    TypeError: Cannot call method 'toUpperCase' of undefined

对于我使用的每个过滤器，我都会两次收到此错误。您制作的每个过滤器是否应该在执行代码或其他操作之前首先检查是否有任何输入？

Answer 1

是的。当 JavaScript 尝试访问 undefined object 的任何属性时，将抛出此错误。

您可以使用 default-hack 模式来抑制这种情况:

return function(input) {
  input = input || '';
  return input.toUpperCase();
};