javascript - 在另一个函数内部调用函数

Question

我在函数中调用函数时遇到问题。

这是示例代码:

<script>
    function saveInfo() {
        function returnEmail() {
            var _e = document.getElementById("email").value;
            return _e;
        }

        function returnName() {
            var _n = document.getElementById("name").value;
            return _n;
        }
    }
</script>

saveInfo() 方法是在按钮中创建的:

<input type="submit" value="Save" onclick="saveInfo()" style="color: black">

所以有 2 个表格，您可以在其中填写您的电子邮件和姓名。通过单击“保存”按钮，DIV 将消失(这有效)并且另一个 DIV 将出现在如下文本中: Name = (name) |电子邮件 =(电子邮件)。

我在调用相应行的 saveInfo() 的 returnEmail() 时遇到问题(其中有“Name =”)。

我试着这样写:

<p>Email: 
   <script>
      var pEmail = saveInfo().returnEmail();
      document.write(pEmail);
    </script> <br>
</p>

我知道上面的脚本不正确，这不是我尝试返回它的唯一方法。

Answer 1

看起来您正在尝试返回这些函数以供以后使用。尝试这样做。此函数现在返回一个具有两个函数的对象。

function saveInfo() {
    return {
        returnEmail: function() {
            var _e = document.getElementById("email").value;
            return _e;
        },

        returnName: function() {
            var _n = document.getElementById("name").value;
            return _n;
        }
    }
}

以前，您的 saveInfo 函数没有返回任何内容，所以

saveInfo().returnEmail();

将评估为

undefined.returnEmail();

你会得到一个错误