Angular 5 - 回调的范围是否有限？ [复制]

Question

假设您定义了一个如下所示的变量 (snackbar)。 Angular 类的其余部分可以使用this 访问它，但不能在 Promise 的回调中访问。我正在使用 AngularFire 5。

export class SomeComponent implements OnInit {
    constructor(private snackbar: MatSnackBar, private afs: AngularFirestore) {}    

    //Promise function
    this.afs.doc(path).set({
        ...some code
    }).then(function(docRef){
        this.snackbar.open('Snackbar message', 'OK');  //Sanckbar unreachable
    });

    //Regular function
    this.snackbar.open('Snackbar message', 'OK');  //Sanckbar works fine
}

有人如何从then 中获取这些变量？还是根本不可能？

Answer 1

这是一个 JavaScript“特性”

使用

 }).then((docRef) =>{

而不是

 }).then(function(docRef){

另见https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions