Cómo pasar variable a js externo en magento 2

En magento 1

podemos llamar a esta función prototipo en phtml por ejemplo

function ABC(){
     var a = '<?php echo $a;?>'
    alert(a);
 }

pero en magento 2 no podemos agregar este tipo de función en phtml, para eso tenemos que crear requirejs-config.js

var config = {
map: {
    '*': {
        'exam': 'js/example',
    }
}
};

como este y example.js

 function ABC(){

    alert(a);
 }

en phtml

require(['jquery','exam'], function($){
    var a= <?php echo $a; ?>;
});

Estoy tratando de pasar variables como esta pero no funciona, cómo pasar variables de phtml a js externo en magento 2

Hay dos formas de incluir JavaScript desde la plantilla en Magento 2: el <script type="text/x-magento-init">y el data-mage-initatributo. De cualquier manera se puede usar para pasar datos al script dentro de la definición json. Por ejemplo, usando la etiqueta de script x-magento-init, en la plantilla que tiene:

<script type="text/x-magento-init">
    {
        "*": {
            "js/example": {
                "a": "<?php echo 'Hello from template' ?>"
            }
        }
    }
</script>

Y en el archivo JS, tienes:

define([
    'jquery'
], function ($) {
    'use strict';

    return function (config) {
        console.log(config); // will output {a: "Hello from template"}
        alert(config.a); // would be equal to alert("Hello from template");
    }
});