TypeScriptの配列に関するエラー

ionic×firebaseを使ってチャットアプリを作成したいのですが、
下記の部分でエラーが発生します。

firebaseのDBからデータを取得できているところまでは確認できましたが
エラーが発生する原因がわからず困っています。

よろしくお願いいたします。

[エラーメッセージ]
ERROR TypeError: Cannot read property 'rooms' of undefined
at room.page.ts:33
at DataSnapshot.js:126
at LLRBNode.push../node_modules/@firebase/database/dist/cjs/src/core/util/SortedMap.js.LLRBNode.inorderTraversal (SortedMap.js:170)
at LLRBNode.push../node_modules/@firebase/database/dist/cjs/src/core/util/Sorte

TypeScript
1export class RoomPage implements OnInit {
2
3  rooms = new Array();
4
5  constructor(public navCtrl: NavController) { }
6
7  async ngOnInit() {
8    firebase.auth().onAuthStateChanged((user) => {
9      if (user) {
10        firebase.database().ref('chatrooms/').on('value', function(resp)
11        {
12          if (resp) {
13            console.log("firebase.database().ref()");
14            //this.rooms = new Array();
15
16            resp.forEach(function(childsnapshot) 
17            {
18              const room = childsnapshot.val();
19              room.key = childsnapshot.key;
20              this.rooms.push(room);//※エラー発生個所
21
22              return false;
23            });
24          }
25        });
26      }else{
27        this.navCtrl.navigateRoot('signin');
28      }
29    });
30  }