typescript/javascriptの再帰関数

Question

次の関数を再帰的に呼び出そうとしています。私は、未定義の 『のgetDataに』 "プロパティを読み取ることができません。それは、エラーを示すたtehの関数を呼び出すことを試みた

public getData(key,value){ 

    this.htmlString += '<span style="color:cornflowerblue">'+key+' </span>:'; 

    if(value instanceof Object){ 
     Object.keys(value).forEach(function (keydata) { 
     let obj = value[keydata]; 
     this.getData(keydata,value[keydata]); 

     console.log(key,obj,obj instanceof Object) 
     }); 
    }else{ 
     this.htmlString += '<span>'+value+'</span>'; 
    } 
    return this.htmlString; 
    }; 

。コードまたはこれを行うには、他の方法で任意の間違っあります。

Answer 1

forEach受け入れ。

012：匿名関数であり、匿名関数の内部 thisがstrictモードで非strictモードまたは undefinedで windowを指し

あなたはコンテキストをバインドする必要があり、コールバック、

または矢印の機能を使用します。

Object.keys(value).forEach((keydata) => { 
    let obj = value[keydata]; 
    this.getData(keydata,value[keydata]); 

    console.log(key,obj,obj instanceof Object) 
    }); 

を、または単にforEachに2番目の引数としてthisへのポインタを渡します

Object.keys(value).forEach(function (keydata) { 
    let obj = value[keydata]; 
    this.getData(keydata,value[keydata]); 

    console.log(key,obj,obj instanceof Object) 
    }, this);