javascript || 存在一个 报错问题

Question

  var res={
            optionMsg:'返回错误'
        }         "操作失败"+ res.data || res.optionMsg         //"操作失败undefined"

         res.data || res.optionMsg         //返回错误
         res.data || res.optionMsg+"操作失败"
         //返回错误操作失败

懵逼 为什么文字前面返回undefined？
文字放后面返回正确
这个是什么情况呢？

Answer 1

运算符+比||优先级高，所以"操作失败"+ res.data || res.optionMsg 等价于 ("操作失败"+ res.data) || res.optionMsg,res.data是undefined，所以也等价于("操作失败"+ undefined) || res.optionMsg 等价于 "操作失败undefined" || res.optionMsg