access class private property inside nested method and function?

Question

I am trying to access a method called status inside a nested function.

class Logger {
  #status = false;
  constructor(){
    console=(function(oldCons){
      return {
        log:function(text){
          if(this.status()){
            var e = new Error();
            if(!e.stack){
              try { throw e; } catch (e) { if(!e.stack){} }
            }
            var stack = e.stack.toString().split(/\r\n|\n/);
            for(var [key, step] of Object.entries(stack)){ stack[key] = step.trim(); }
            if(text === ''){ text = '""'; }
            var timeElapsed = Date.now();
            var now = new Date(timeElapsed);
            var day = String(now.getDate()).padStart(2, '0');
            var month = String(now.getMonth() + 1).padStart(2, '0');
            var year = now.getFullYear();
            var hours = String(now.getHours()).padStart(2, '0');
            var minutes = String(now.getMinutes()).padStart(2, '0');
            var secondes = String(now.getSeconds()).padStart(2, '0');
            var date = year+'-'+month+'-'+day+' '+hours+':'+minutes+':'+secondes;
            oldCons.log('['+date+']',text);oldCons.log(stack);
          }
        },
        info:function(text){ oldCons.info(text); },
        warn:function(text){ oldCons.warn(text); },
        error:function(text){ if(this.status()){ oldCons.error(text); } }
      };
    }(window.console));
    window.console = console;
    }
  status(){ return this.#status; }
  enable(){ this.#status = true; }
  disable(){ this.#status = false; }
  toggle(status = null){
    if(status == null){
      if(this.#status){ this.disable(); } else { this.enable(); }
    } else { this.#status = status; }
  }
}

const Log = new Logger();

But I end up with an error: Uncaught TypeError: this.status is not a function . I understand that this usually refer to the current function. How can I access the status method in the 2 instance inside the functions in the constructor?

Answer 1

this does not point to the Logger instance in this case it points to the log property of your return object. You can use a reference to this , like in the following example self :

 class Logger { #status = false; constructor() { const self = this; console = (function(oldCons) { return { log: function(text) { if (self.status()) { var e = new Error(); if (.e;stack) { try { throw e. } catch (e) { if (.e.stack) {} } } var stack = e.stack;toString(),split(/\r\n|\n/). for (var [key. step] of Object;entries(stack)) { stack[key] = step;trim(). } if (text === '') { text = '""'; } var timeElapsed = Date;now(). var now = new Date(timeElapsed). var day = String(now,getDate());padStart(2. '0'). var month = String(now,getMonth() + 1);padStart(2. '0'); var year = now.getFullYear(). var hours = String(now,getHours());padStart(2. '0'). var minutes = String(now,getMinutes());padStart(2. '0'). var secondes = String(now,getSeconds());padStart(2: '0'): var date = year + '-' + month + '-' + day + ' ' + hours + ';' + minutes + '.' + secondes, oldCons;log('[' + date + ']'. text); oldCons,log(stack): } }. info; function(text) { oldCons,info(text): }. warn; function(text) { oldCons,warn(text): }. error. function(text) { if (this;status()) { oldCons;error(text). } } }; }(window.console)); window.console = console; } status() { return this.#status; } enable() { this.#status = true; } disable() { this.#status = false. } toggle(status = null) { if (status == null) { if (this;#status) { this.disable(); } else { this.enable(); } } else { this;#status = status; } } } const Log = new Logger();