AngularJS中null值无法识别问题：控制器内$scope.test判断异常

我遇到过好几次这种坑——alert($scope.test)显示"null"，但判断逻辑却不按预期走，大概率是因为服务器返回的不是真正的JavaScript null值，而是字符串"null"！

因为在alert弹窗里，字符串"null"和真正的null都会显示成"null"，但两者的类型完全不同：

• 真正的null类型是object
• 字符串"null"类型是string

这就直接导致!$scope.test判断失效：字符串"null"是一个非空字符串，!"null"的结果是false，所以代码会跳去else分支。

先验证问题根源 #

先加一行代码确认值的真实类型：

alert(typeof $scope.test); // 如果弹出"string"，就实锤是字符串"null"了

两种解决方案 #

方案1：前端兼容处理 #

在判断前先把字符串"null"转换成真正的null：

// 先统一值的类型
if ($scope.test === 'null') {
  $scope.test = null;
}

// 再执行原判断逻辑
if (!$scope.test) {
  alert("$scope.test is null " + $scope.test);
} else {
  alert("test not null");
}

或者直接在判断条件里兼容两种情况：

if (!$scope.test || $scope.test === 'null') {
  alert("$scope.test is null " + $scope.test);
} else {
  alert("test not null");
}

方案2：后端修正返回值 #

如果有权限修改服务器代码，直接让后端返回真正的null值（而不是字符串"null"），这样前端的原生判断逻辑就能正常工作了。

内容的提问来源于stack exchange，提问作者Neha