So übergeben Sie eine Variable an externe js in Magento 2

In Magento 1

Wir können diese Prototypfunktion zum Beispiel in phtml aufrufen

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

aber in magento 2 können wir diese Art von Funktion nicht in phtml hinzufügen, dafür müssen wir erstellen requirejs-config.js

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

so und example.js

 function ABC(){

    alert(a);
 }

in phtml

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

Ich versuche, eine Variable wie diese zu übergeben, aber es funktioniert nicht, wie man eine Variable von phtml an ein externes js in Magento 2 übergibt

Es gibt zwei Möglichkeiten, Javascript aus der Vorlage in Magento 2 aufzunehmen: das <script type="text/x-magento-init">und das data-mage-initAttribut. In beiden Fällen können Daten innerhalb der JSON-Definition an das Skript übergeben werden. Verwenden Sie beispielsweise das Skript-Tag x-magento-init in der Vorlage, die Sie haben:

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

Und in der JS-Datei haben Sie:

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