javascript - 对象返回中的基本功能

Question

我确定我在这里遗漏了一些非常基本的东西，但它让我停留了大约一个小时而且我似乎无法解决问题。

基本上，我试图在一个对象中创建一个方法，该方法将检查 html 中的复选框值，如果为真，则将同一对象中的三个值显示到控制台(最终我会将其写入 innerHTML我的表格)。

以下代码只是将“function()”写入我在 firebug 中的控制台。显然，我正在尝试编写 firstName lastName
电子邮件。我在这里缺少什么简单的东西？提前致谢!

function process() {
'use strict';

var firstName = document.getElementById("firstName").value;
var lastName = document.getElementById("lastName").value;
var email = document.getElementById("email").value;
var permission = document.getElementById("permission").checked;

var contactInfo = {

    firstName: firstName,
    lastName: lastName,
    email: email,
    permission: permission,
    display: function() {
        var contactCard;
        if (this.permission == true) {
            contactCard = firstName + " " + lastName + "<br />" + email
        } else {
            contactCard = "Permission Denied."
        }
        return contactCard;
    }
};
console.log(contactInfo.display);
return false;
};
function init() {
'use strict';
document.getElementById('theForm').onsubmit = process;
};

window.onload = init;

Answer 1

console.log(contactInfo.display());

您需要调用该函数。

你目前只有 console.log(contactInfo.display); display 是一个函数，并没有被执行(所以控制台实际上会打印 contactInfo.display.toString( ))，这就是您看到“函数”而不是返回值“contactCard”的原因。