Cacher is the code snippet organizer for pro developers

Back-end

ProcessWire.config object via $config->js()

$config->js('my_data', [
   'noun' => 'dog',
   'verb' => 'barking',
]);

Example...

var my_data = ProcessWire.config.my_data;
console.log(my_data.foo);
console.log(my_data.bar); 

Front-End

<?php
$my_data = [
    'noun' => 'dog',
    'verb' => 'barking',
];
?>

<script>
    // Create Javascript object
    var my_data = <?= json_encode($my_data) ?>;
</script>

Example:

alert('The ' + my_data.noun + ' is ' + my_data.verb);