稍后在带有 src 的脚本标记中访问的 Javascript 全局范围变量

Question

我希望能够将变量从 php 传递到我的 javascript 代码中，以保存给定用户的高分。 我通过在页面顶部声明成功地做到了这一点：

<?php
    session_start();


    $bricks = $_SESSION["bricks"];
    require 'includes/dbh.inc.php';
    require 'save.php';


?>

SESSION['bricks'] 是数据库中的高分。 php 代码中 html 代码的结尾我将整个游戏写在一个脚本标签中。 在游戏里

this.highScore = "<?php echo $bricks?>";

但这是漫长而混乱的。 假设我想用<script src="myGame.js"></script>替换长脚本标记，这将是有问题的，因为该文件将不再是一个 php 文件并且无法获取会话变量砖块。

使用全局范围时，我可以从会话变量中获取变量 highscore

<script> var highScore = <?php echo $bricks;?>;</script>

后来：

<script>console.log(highScore)</script>

但是如果我将第二个脚本标记链接到源：

<script src="myGame.js"></script>

我将无法在 myGame.js 中访问该变量 highScore。 有没有办法将页面顶部的脚本标记中的变量传递到具有 src 属性的脚本标记中，并在链接的 javascript 文档中访问该变量？ 有一个解决方法，但我想知道我是否可以通过这种方式使其更易于管理。

Answer 1

首先让你的js代码稳定：

var highScore = parseInt("<?php echo $bricks;?>");

在您的 javascript object尝试将全局变量 highScore 设置为对象的属性：

this.highScore = highScore;