javascript - 两个变量和明确的职责还是一个变量和强制转换？

Question

关闭。这个问题是 opinion-based 。目前不接受答案。

---

想要改进这个问题吗？更新问题，以便 editing this post 可以用事实和引文来回答它。 .

已关闭 7 年前。

Improve this question

请告诉我以下两种方法中哪一种对于使用 ng-show 显示和隐藏文本更清晰、更有用。 .

代码 1:

Controller :

$scope.text = false;

if (error) {
  $scope.text = "Error message";
} else {
  $scope.text = false;
}

查看:

<div ng-show="!!text"> {{text}} </div>

代码2:

Controller :

$scope.flag = false;
if (error) {
  $scope.flag = true;
  $scope.text = "Error message";
} else {
  $scope.flag = false;
}

查看:

<div ng-show="flag">{{text}}</div>

哪种代码更简单、更好理解？

在代码 2 中，我可以省略 else block ，因此 Controller 将如下所示:

 if ( error ) {
     $scope.flag = true;
     $scope.text = "Error message";
 }

==编辑2代码是对事件的 react ，所以我必须在每次调用事件时设置它们。

Answer 1

在 JavaScript 中混合变量类型是不好的做法。可能存在极端情况，混合类型是可以的，但这不是极端情况。如果您正在寻找一种简化代码的方法，请使用 ternary operator

$scope.text = error ? 'Error message' : '';