Question

我正在努力尝试在JS中创建一个辅助函数。我的函数名是updateInfo(X);，它应该允许接收一个对象。

我试过了

var data = {
    "A": {
        "section_num": "2.2",
        "problem_set": "Same",
        "start_time": "7/20/2015 10:00 am",
        "student_am": "9",
        "due_time": "7/20/2015 11:00 am",
        "submit": "9",
        "avg_score": "71",
        "danger": "5",
        "danger_list": "5,10,15,19,23",
        "warning": "8",
        "warning_list": "3,7,11,13,14,16,21,22",
        "success": "12",
        "success_list": "1,2,4,6,8,9,12,17,18,20,24,25"
    },
    "B": {
        "section_num": "2.3",
        "problem_set": "Not the same",
        "start_time": "6/19/2015 1:00 pm",
        "student_am": "23",
        "due_time": "6/19/2015 2:00 pm",
        "submit": "7",
        "avg_score": "82",
        "danger": "10",
        "danger_list": "11,12,13,14,15,16,17,18,19,20",
        "warning": "10",
        "warning_list": "1,2,3,4,5,6,7,8,9,10",
        "success": "5",
        "success_list": "21,21,23,24,25"
    }
};


//console.log( data.B.section_num ); // <--- HERE I got 2.3

function updateInfo(X) {
    section_num.html(data.X.section_num);
    problem_set.html(data.X.problem_set);
    start_time.html(data.X.start_time);
    student_am.html(data.X.student_am);
    due_time.html(data.X.due_time);
    submit.html(data.X.submit);
    avg_score.html(data.X.avg_score);
    danger.html(data.X.danger);
    danger_list.html(data.X.danger_list);
    warning.html(data.X.warning);
    warning_list.html(data.X.warning_list);
    success.html(data.X.success);
    success_list.html(data.X.success_list);
}

console.log(updateInfo(B)); // < ---HERE I got error...: (

我一直在

未捕获的ReferenceError：B未定义

有人可以告诉我如何解决这个问题吗？

我忘记了什么？

Here is my fiddle - 如果你们需要的话。

Answer 1

首先，当你调用updateInfo时，你应该传递一个字符串，所以将值包装在引号中。您看到的错误是因为JS正在寻找一个名为B的变量，该变量在您的代码中不可用。

updateInfo('B');

然后，当您访问data对象的属性时，您需要使用括号表示法提供您作为字符串传递的密钥：

function updateInfo(X) {
    section_num.html(data[X].section_num);
    problem_set.html(data[X].problem_set);
    start_time.html(data[X].start_time);
    student_am.html(data[X].student_am);
    due_time.html(data[X].due_time);
    submit.html(data[X].submit);
    avg_score.html(data[X].avg_score);
    danger.html(data[X].danger);
    danger_list.html(data[X].danger_list);
    warning.html(data[X].warning);
    warning_list.html(data[X].warning_list);
    success.html(data[X].success);
    success_list.html(data[X].success_list);
}

Answer 2

更改

section_num.html(  data.X.section_num  );

和

console.log( updateInfo(B) );

到

section_num.html(  data[X].section_num  );

和

console.log( updateInfo('B') );

另一种方式可能是

function updateInfo(ob){
section_num.html(  ob.section_num  );

和

console.log( updateInfo(data.B) );

Answer 3

试试这个：

将B传递为字符串，如下所示：updateInfo("B")。
在updateInfo函数中，使用它：section_num.html(data[X].section_num); ...。

如何在JS中创建辅助函数？

3 个答案: