当从JavaScript函数调用角度函数但其显示未定义时

我试图从JavaScript函数调用角度函数，但它显示为未定义

我在这里创建了一个演示示例，如下所示：

---

如注释中所述，您不能在组件外部调用组件的函数。你必须把它放在组件里面

现在还不清楚的是，您首先是如何调用

process

，因此您可能需要清除它

import { Component, NgZone, OnInit } from '@angular/core';
import { NgForm } from '@angular/forms';
import { GetSelectedProductService } from '../ServiceOfService/get-selected-product.service';
import { Router } from '@angular/router';


@Component({
  selector: 'app-payment-process',
  templateUrl: './payment-process.component.html',
  styleUrls: ['./payment-process.component.css']
})
export class PaymentProcessComponent implements OnInit {

   constructor() {}

   ngOnInit(): void { }


   processDone(response){
     console.log(response);
   }
   
   process(){
     ..
     ..
     this.processDone(response);
   }
}

---

this.

只要您不在类作用域内，就不会工作。您可以像

this.processDone（…）这样进行调用ngOnInit

中的code>，但不是在组件类之外的任意函数中。如果你想像那样重构你的代码，你必须将scope对象传递给你的

进程
函数。我如何将scope对象传递给进程函数为什么你要编写一个独立函数来调用Angular Component的方法？你能详细解释一下过程方法到底在做什么吗？
import { Component, NgZone, OnInit } from '@angular/core';
import { NgForm } from '@angular/forms';
import { GetSelectedProductService } from '../ServiceOfService/get-selected-product.service';
import { Router } from '@angular/router';


@Component({
  selector: 'app-payment-process',
  templateUrl: './payment-process.component.html',
  styleUrls: ['./payment-process.component.css']
})
export class PaymentProcessComponent implements OnInit {

   constructor() {}

   ngOnInit(): void { }


   processDone(response){
     console.log(response);
   }
   
   process(){
     ..
     ..
     this.processDone(response);
   }
}