javascript - 如何从 Angular 函数中导出变量？

Question

当我在函数内部定义变量时，我无法在外部使用它。

我尝试在 NgOnInit 中定义一个变量，但它也不起作用。

我的代码:

addLink() {
    if(
      this.product.name !== '' && 
      this.product.price !== 0 && 
      this.product.instaURL !== '') {
        firebase.auth().onAuthStateChanged(function(user) {
          if (user) {
            let uid = user.uid;
            console.log(uid)  //THIS WORK
          }
        });      
      console.log(uid); //THIS DONT WORK
      this.productService.addProduct(this.product);      
      this.product = {} as Product;
    }
  }

我得到的错误:

TS2304: Cannot find name 'uid'.

Answer 1

因为uid是一个 block 作用域变量。您可以从here了解有关变量作用域的更多信息。 。您还可以在代码中进行以下更改，以在 if 条件之外获取 uid

addLink() {
    let uid;
    if(this.product.name !== '' && this.product.price !== 0 && this.product.instaURL !== '') {
     firebase.auth().onAuthStateChanged(function(user) {
       if (user) {
         uid = user.uid;
         console.log(uid)  //THIS WORK
       }
     });      
    console.log(uid); //THIS WILL WORK TOO
    this.productService.addProduct(this.product);      
    this.product = {} as Product;
 }
}