js return的函数不会立即执行

Question

这段代码调用errorMsg不会执行 this.$message.error(msg)，为什么

 methods: {
        checkGoodForm() {
            function errorMsg(msg) {
                return function(msg) {
                    this.$message.error(msg)
                }
            }
            this.goodForm.tilte === '' && errorMsg('标题不能为空')
            this.goodForm.tilte.length < 20 && errorMsg('标题最少十个汉字')
        }
}

Answer 1

  methods: {
    checkGoodForm(){
      
         // 1、此处的msg是形参，调用errorMsg方法的时候需要传实参
      function errorMsg(msg){
        // 2、此处也是形参，调用return返回的方法时需要传实参
        return function (msg) {
          // 3、此处是打印的上一行调用return返回的方法时传的实参
          console.log(msg);
        }
      }
      debugger
      let check = true;
      check && errorMsg('输出了吗输出了吗')('这才是输出内容'); //前一个括号里面是针对1处的实参，后一个括号里面是针对2处的实参
    },
}

输出结果：

明白吗？你的写法里面缺少必要的参数，也可以说逻辑有一些问题，可以这样写，如下：

checkGoodForm(){
      // 1、此处的msg是形参，调用errorMsg方法的时候需要传实参
      function errorMsg(msg){
        // 2、此处也是形参，调用return返回的方法时需要传实参
        return (function (msg) {
          // 3、此处是打印的上一行调用return返回的方法时传的实参
          console.log(msg);
        })(msg)//此处自执行这段代码，并将errorMsg接收到的实参数据作为此方法的实参
      }
      debugger
      let check = true;
      check && errorMsg('输出了吗输出了吗'); 
    },

输出结果：