ES6 calling values from constructor

Question

 class ServiceRecordGridFields{
  constructor(){
    this.allColumns = [
    {
      field:'assemblynumber',
      name:'Assembly',
      visible:false,
      width:175
    },{
      field:'assetid',
      name:'Asset ID',
      visible:false,
      width:110
    }];
  }
  getAllColumns(){

    return this.allColumns;
  }
}
export default ServiceRecordGridFields;

Elsewhere I have

import ServiceRecordGridFields from './_serviceRecordGridFields.js';


class serviceRecordGridsCtrl{

  constructor(){

this._ServiceRecordGridFields = ServiceRecordGridFields;

this._serviceRecordsResolve = serviceRecordsResolve;


  } 

  bclick(){
console.log(this._ServiceRecordGridFields.getAllColumns());
  }
  }

calling the function I get "this._ServiceRecordGridFields.getAllColumns is not a function".

if I add "static" in front of getAllColumns() it returns undefined. What am I doing wrong?

Answer 1

ServiceRecordGridFields是一个类，因此您需要使用该类实例化一个对象：

this._ServiceRecordGridFields = new ServiceRecordGridFields()

Answer 2

class ServiceRecordGridFields {
   constructor() {
     this.allColumns = [{
       field: 'assemblynumber',
       name: 'Assembly',
       visible: false,
       width: 175
     }, {
       field: 'assetid',
       name: 'Asset ID',
       visible: false,
       width: 110
     }];
   }
   getAllColumns() {

     return this.allColumns;
   }
 }

 class serviceRecordGridsCtrl {

   constructor() {

     this._ServiceRecordGridFields = new ServiceRecordGridFields();



   }

   bclick() {
     console.log(this._ServiceRecordGridFields.getAllColumns());
   }
 }

 var test = new serviceRecordGridsCtrl();
 test.bclick();

You need to instantiate both classes to use them.

https://jsfiddle.net/68pep88x/1/