fonction en javascript n'est pas définie

Question

J'ai ce test js et qunit ci-dessous. pourquoi le navigateur m'a donné le listClasses n'est pas défini? Comment le résoudre. J'ai vu surtout fait

function ajax() { 
$.ajax({ 
});} 

mais si j'ai aimé comme ci-dessous comment faire le test?

$('#MregisteredClasses').on('pageinit', function listClasses(){ 
var rowInput = "1"; 
var pageInput = "1"; 

$.ajax({ 
    url: 'http://137.57.102.146:8080/Training/getRegisteredClassesData.html', 
    data: ({rows : rowInput , page : pageInput}), 
    type: 'POST', 

    success: function(json_results){ 
    $('#list').append('<ul data-role="listview" data-inset="true"</ul>'); 
     listItems = $('#list').find('ul'); 
     $.each(json_results.rows, function(key) { 
      html = "<li data-mini='true' id='icon'><a href='http://137.57.102.146:8080/Training/MRegisteredClassesDetail.phone?courseId=" 
        + [json_results.rows[key].courseId] + "&regNo=" + [json_results.rows[key].regNo] + 
        "' rel='external'>" + json_results.rows[key].courseName+ "</a>" 
        + "<a href='http://137.57.102.146:8080/Training/MRateCourse.phone?courseId=" 
        + [json_results.rows[key].courseId] + "&regNo=" + [json_results.rows[key].regNo] + 
        "' rel='external'>RATE THIS COURSE</a></li>" ; 
      listItems.append(html); 
     }); 

     $('#list ul').listview(); 
    }, 
}); 
}); 

et ce test est QUnit

test('asynchronous test', function() { 
// Pause the test, and fail it if start() isn't called after one second 
stop(); 

listClasses(function() { 
    // ...asynchronous assertions 
    ok(true, "Success"); 
}); 

setTimeout(function() { 
    start(); 
}, 2000); 
}); 

Answer 1

$('#MregisteredClasses').on('pageinit', function listClasses(){ ... est l'utilisation incorrecte.

La fonction doit être anonyme (c'est-à-dire supprimer le bit listClasses), auquel cas l'exécution de listClasses() échouera.

Ce que vous devez faire est d'externaliser la déclaration de fonction.

i.e. .:

function listClasses(){ 
    var rowInput = "1"; 
    var pageInput = "1"; 

    $.ajax({ 
    url: 'http://137.57.102.146:8080/Training/getRegisteredClassesData.html', 
    data: ({rows : rowInput , page : pageInput}), 
    type: 'POST', 

    success: function(json_results){ 
    $('#list').append('<ul data-role="listview" data-inset="true"</ul>'); 
     listItems = $('#list').find('ul'); 
     $.each(json_results.rows, function(key) { 
      html = "<li data-mini='true' id='icon'><a href='http://137.57.102.146:8080/Training/MRegisteredClassesDetail.phone?courseId=" 
        + [json_results.rows[key].courseId] + "&regNo=" + [json_results.rows[key].regNo] + 
        "' rel='external'>" + json_results.rows[key].courseName+ "</a>" 
        + "<a href='http://137.57.102.146:8080/Training/MRateCourse.phone?courseId=" 
        + [json_results.rows[key].courseId] + "&regNo=" + [json_results.rows[key].regNo] + 
        "' rel='external'>RATE THIS COURSE</a></li>" ; 
      listItems.append(html); 
     }); 

     $('#list ul').listview(); 
    } 
}); 
} 

Ensuite, appelez la fonction de la commande on:

$('#MregisteredClasses').on('pageinit', listClasses) 

En supposant que votre script seulement échoué sur listClasses(), alors je suppose que le nom listClasses est silencieusement éliminés.

Answer 2

Il y a a difference entre déclaration fonction et expression de fonction nommée.

La déclaration est de la forme:

function myFunc() { 
    /* body */ 
} 

expressions sont tout le reste:

var x = function myFunc() { 
    /* body */ 
}; 

// or 

alert(function myFunc() { 
    /* body */ 
}); 

Lorsqu'une expression de fonction a un nom après le mot-clé function, la fonction est accessible par ce nom seulement à l'intérieur du corps de la fonction. D'où ton problème.

var x = function myFunc() { 
    /* body */ 
}; 

x(); // okay 
myFunc(); // reference error 

Plus d'info dans Named function expressions demystified.