Call method inside function

Question

i have a wizard from a metronic theme where I'm trying to call a function to check if my array contains dublicates.

if I remove this part of my code it works without problems.

console.log(this.checkIfArrayIsUnique());

code

var wizard = (<any>$('#m_wizard')).mWizard();        
                    //== Validation before going to next page
                    wizard.on('change', function(wizard) {
                        if(wizard.getStep() > 2){    
                            console.log(this.checkIfArrayIsUnique());                     
                        }
                        mApp.scrollTop();                                        
                    })

Right now my checkIfArrayIsUnique() is just a dummy function

checkIfArrayIsUnique() 
    {
        return true;
    }

how can i call a method outside my 'change' event ? So I'm able to run thru my array and confirm it does not have any dublicates.

score 2 · Accepted Answer · answered Feb 27 '18 at 08:55

the problem is the "function(wizard)" call, since it creates a new scope. But your checkIfArrayIsUnique() ist actually outside of this scope.

Try using ES6 function syntax

wizard.on('change',(wizard) => {
    if(wizard.getStep() > 2){                 
        console.log(this.checkIfArrayIsUnique());                                  
    }
    mApp.scrollTop();                                        
})

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions

This does actually work! Thanks for adding a link to make me even smarter. Going to start by reading that.! — Sonny Hansen, Feb 27 '18 at 09:04

score 1 · Answer 2 · answered Feb 27 '18 at 08:56

in your change function the variable this point to current function,to use it,you should make this point to out object,you should write like this:

var that = this;
var wizard = (<any>$('#m_wizard')).mWizard();        
//== Validation before going to next page
wizard.on('change', function(wizard) {
    if(wizard.getStep() > 2){    
        console.log(that.checkIfArrayIsUnique());                     
    }
    mApp.scrollTop();                                        
})

Call method inside function

2 Answers2