のJavascript/jQueryの連結ストリング

Question

に関数の戻りを追加私は、文字列を返す関数を有する：

：

function buildCell(){ 
    var returnString = ''; 
    returnString += '<td>'; 
    returnString += 'Cell Contents'; 
    returnString += '</td>'; 
    return(returnString); 
} 

を私が最初の文字列を呼び出し、その値をインラインで返すべき別の機能を有しています

function buildTable(){ 
    $('body').html(
     '<table>' 
     +'<tr>' 
     + buildCell() 
     +'</tr>' 
    ) 
} 

テーブルにセルがない場合、セルは未定義に戻ります。 2番目の関数の最初の関数の戻り値を正しく連結するにはどうすればよいですか？

編集：セミコロンを削除しても、「未定義」が表示されます。最初の関数にアラートを配置すると、アラートに正しい値が表示されますが、2番目の関数ではまだ定義されていません。

Answer 1

あなたは間違ってセミコロンをbuildTableのfunction> buildCell（）に配置しました。

このことから、あなたの機能を変更し

：これに

function buildTable(){ 
    $('body').html(
     '<table>' 
     +'<tr>' 
     + buildCell(); // <--- 
     +'</tr>' 
    ) 
} 

：

function buildTable() { 
    return $('body').html('<table>' + '<tr>' + buildCell() + '</tr>'); 
} 

https://jsfiddle.net/k0ageq81/

function buildCell() { 
 
    var returnString = ''; 
 
    returnString += '<td>'; 
 
    returnString += 'Cell Contents'; 
 
    returnString += '</td>'; 
 
    return returnString; 
 
} 
 

 
function buildTable() { 
 
    return $('body').html('<table>' + '<tr>' + buildCell() + '</tr>'); 
 
} 
 

 
buildTable();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>