Проблема парсинга одной коллекции в строку

Question

У меня проблемы, когда я хочу сохранить var, который находится в моем классе AuthService.ts, я могу печатать в консоли, но когда я хочу сохранить его, у меня возникает проблема.

Я пытался разобрать строку, добавив (+ " ") или просто .toString(), но не могу.

Это мой auth.service.ts:

    export class AuthService {
      isLoggedIn = false;
      userName: string;

      constructor(private authService:AngularFireAuth, private db : AngularFirestore) { }

      login(email:string, password:string){
        return new Promise((resolve, rejected) =>{
          this.authService.auth.signInWithEmailAndPassword(email, password).then(user => {
            this.isLoggedIn = true;
            resolve(user);
            const uid = user.user.uid;
            this.db.collection("users")
            .doc(uid)
            .ref
            .get().then(function(doc) {
            if (doc.exists) {
              console.log("Nombre: " + doc.data().name);
              this.userName = JSON.stringify( this.doc.data().name);
            } 
            }).catch(function(error) {
                console.log("Error getting document:", error);
            });
          }).catch(err => rejected(err));
        });
      }
    }
}

Консоль печатает то, что яЯ ожидаю, но в моем браузере, в модуле Inspection я получаю следующую ошибку:

Ошибка при получении документа: TypeError: Невозможно прочитать свойство 'doc' из неопределенного

Я не знаю, сохраняю ли я или плохо показываю свой var, но я думаю, что это странная распечатка того, что я хочу, но не могу ее сохранить, пожалуйста, если бы вы могли мне помочь, я был бы очень признателен!