コールバックが機能しません - Javascript

Question

ChromeでログインしているユーザーのIDを取得する（非同期）機能があります。コールバックでIDの値を返そうとしていますが、未定義の値を返し続けます。

誰かがこれに重複をマークしようとする前に、私はここからのコードを使用（そして、あまりにも他の場所を試してみました）：How to return value from an asynchronous callback function?しかし、それは動作しませんでした：

function getGaia(callback) { 
    chrome.identity.getProfileUserInfo(function(userInfo){ 
     var userId = userInfo.id; 
     callback(userInfo.id); 
    }); 
} 

getGaia(function(id){ 
    return id; 
}); 

var gaiaId = getGaia(); 

私は次のエラーを取得する：

'callback' is a not a function 

正確に何が間違っていますか/正しいコードは何ですか？

Answer 1

これは、コールバックを提供していないためです。

function doSomethingLater(callback) { 
 
    setTimeout(callback, 1000); 
 
} 
 

 
console.log('This is before the callback'); 
 
doSomethingLater(function() { 
 
    console.log('This is the callback') 
 
});

ですから、あなたがコールバック関数に渡されていないvar gaiaId = getGaia();を呼び出しているとき

[編集]これはあなたのコードは次のように見える必要があるだろうかです：

function getGaia(callback) { 
    chrome.identity.getProfileUserInfo(function(userInfo){ 
     var userId = userInfo.id; 

     // This will call the function that you pass in below 
     //and pass in userInfo.if as a parameter 
     callback(userInfo.id); 
    }); 
} 

var gaiaId = getGaia(function (id) { 
    // id === userInfo.id from above 
    // Do something with the id that you pass in 
}); 

関数をJavaScriptの変数のように考えることができます。

ですから、このような関数を変数に割り当てることができます。

var foo = function() { ... }

これは、あなたが通常の変数のような関数にこれを渡すことができることを意味します。あなたがパラメータとして関数を渡すとき、あなたはパラメータで指定した名前に機能を割り当てる：

var foo = function() { ... } 

function hasCallback(callback) { 
    // The following two line do exactly the same thing: 
    callback(); // Using the function that you passed in 
    foo(); // Using the function directly 
} 

hasCallback(foo); 

私は上記の行っているすべては、私はちょうど機能を作成した代わりに、変数fooを作成するのであり、インライン：

var foo = function() { ... } 

function hasCallback(callback) { 
    // The following two line do exactly the same thing: 
    callback(); // Using the function that you passed in 
    foo(); // Using the function directly 
} 

hasCallback(foo); 

// Becomes: 

function hasCallback(callback) { 
    callback(); // Using the function that you passed in 
} 

hasCallback(function() { ... });