如何使用jQuery函数存储为对象中的值？

Question

I am a little over my head with understanding why this is not working and how to fix it.

I have an object created using wp_localize_script() in another file and I'm using it to pass a value to my js file.

I am passing other more static values this same way and it is working well, but I have one instance where the value I am passing is a jQuery function that I need to be executed.

jQuery(document).ready( function ($) {

    if( wptjCustomInit.opt != "" ) {

        wptjCustomInit.opt;

        console.log(wptjCustomInit.opt); //outputs correct content: $('.table-juice').DataTable();

    }else{

    ...other code...

My goal is for the content of the object to be processed along with the rest of the script as if it had been in the file all along.

I'm guessing I just don't understand something fundamental and I'm not getting to the right scenario in my search attempts. I'm grateful for any help! (sorry for my ignorance)

Answer 1

If I've understood correctly, it might be as simple as just adding parentheses to the method name:

wptjCustomInit.opt();

That is the standard way to call a method.

Answer 2

Even though I am answering my own question, it comes with the help of those who commented on this question.

The solution is to use the javascript eval() function. Like this:

eval(wptjCustomInit.opt);

From W3Schools about eval() :

The eval() function evaluates or executes an argument.

If the argument is an expression, eval() evaluates the expression. If the argument is one or more JavaScript statements, eval() executes the statements.

I greatly appreciate the help and time spent helping me understand and solve the problem!