0

I have the code below in my functions.php file. However, when I try to access the variable theUser in my custom.js file it comes back as undefined.

Functions.php:

function theme_scripts() {
     global $current_user;
     $current_user = wp_get_current_user();

     wp_enqueue_script( 'theme-script', get_stylesheet_directory_uri() . '/assets/js/custom.js', array( 'jquery' ), '', true );
     wp_localize_script( 'theme-script', 'theUser', array (
        'username' => $current_user,
     ) );
  }
  add_action( 'wp_enqueue_scripts', 'theme_scripts' );

Custom.js:

var theUser;
var userName = theUser.username.data.display_name;
var userEmail = theUser.username.data.user_email;
console.log(theUser);
1

that's because you have defined the variable theUser as null and overridden the one that has the object before then you have tried to call the object.

just remove this line var theUser;

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.