javascript - 我应该如何使用 jQuery 正确构建这个 "if"语句？

Question

我编写了一个 if 语句来检查是否存在当前用户，如果存在，则从我的数据库中获取当前用户的个人资料图像 url 并将其放在 div 中。我已经通过以下逻辑成功完成了此操作:

  function checkLogin() {

    if (Parse.User.current()) {
      var profilePicUrl = Parse.User.current().get("profile_picture").url();

      $(".user-image").css("background-image", "url("+profilePicUrl+")");
    } else {

      $(".user-image").css("background-image", "url(//default image)");
    }
  };

但是问题是，当用户没有个人资料图片时，它会抛出错误。我尝试通过在原来的两个语句之间添加以下 else if 语句来抵消这一点:

 function checkLogin() {

    if (Parse.User.current()) {
      var profilePicUrl = Parse.User.current().get("profile_picture").url();

      $(".user-image").css("background-image", "url("+profilePicUrl+")");

    } else if (Parse.User.current() && !profilePicUrl){

      $(".user-image").css("background-image", "url(//default image)");

    } else {

      $(".user-image").css("background-image", "url(//default image)");

    }
  };

现在我几乎可以肯定我在这里使用了错误的 && 运算符，但是我在中间想说的 else if 是“如果有当前用户并且他们不这样做没有个人资料图片...”

我该如何正确表述这一点？

Answer 1

实际上，由于如果找不到 key ，parseObject.get() 会返回 null，因此您需要做的就是:

 function checkLogin() {
    if (user = Parse.User.current()) {
      var profilePic = user.get("profile_picture");
      var profilePicUrl = profilePic ? profilePic.url() : "//default image";  
      $(".user-image").css("background-image", "url("+profilePicUrl+")");
    }
  };

请注意 var someVar = someVar ? valueA : valueB; 语法是 Conditional (ternary) Operator