Comment passer une variable à un js externe dans magento 2

Dans magento 1

on peut appeler cette fonction prototype en phtml par exemple

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

mais dans magento 2 on ne peut pas ajouter ce type de fonction en phtml, pour cela il faut créer requirejs-config.js

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

comme ceci et example.js

 function ABC(){

    alert(a);
 }

en phtml

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

J'essaye de passer une variable comme ça mais ça ne fonctionne pas, comment passer une variable de phtml à js externe dans magento 2

Il existe deux façons d'inclure javascript à partir du modèle dans Magento 2: <script type="text/x-magento-init">l' data-mage-initattribut et. L'une ou l'autre façon peut être utilisée pour transmettre des données au script dans la définition json. Par exemple, en utilisant la balise de script x-magento-init, dans le modèle, vous avez:

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

Et dans le fichier JS, vous avez:

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");
    }
});