如何将PHP变量传递给外部javascript文件

<script>
    var phpVariable = <?php echo json_encode($phpVariable); ?>;
    // 在这里可以使用phpVariable
</script>

// PHP文件
<script>
    var xhr = new XMLHttpRequest();
    xhr.open('GET', 'getVariable.php?phpVariable=<?php echo urlencode($phpVariable); ?>', true);
    xhr.onreadystatechange = function() {
        if (xhr.readyState === 4 && xhr.status === 200) {
            var phpVariable = xhr.responseText;
            // 在这里可以使用phpVariable
        }
    };
    xhr.send();
</script>

// getVariable.php文件
<?php
    $phpVariable = $_GET['phpVariable'];
    echo json_encode($phpVariable);
?>

// PHP文件
<form id="myForm">
    <input type="hidden" id="phpVariable" value="<?php echo $phpVariable; ?>">
</form>
<script>
    var phpVariable = document.getElementById('phpVariable').value;
    // 在这里可以使用phpVariable
</script>