命名空间和全局变量

Namespaces and global variables

本文关键字：全局变量 命名空间      更新时间：2023-09-26

我正在使用JavascriptMVC（你不需要知道！）和他们管理文件依赖关系的库"窃取"。

我是javascript的初学者，在名称空间方面有些东西我不懂；我需要一些由PHP初始化的全局变量，这些变量将在许多其他JS文件中使用，这就是为什么我想使它们全局化：

index.php

<script type="text/javascript">
steal('jquery', function() {
   // here is some jquery specific code
   var appletVersion = '<?php echo $appletVersion; ?>';
   var baseUrl = '<?php echo BASE_URL; ?>';
});
</script>

在我的JS文件中，我无法访问这两个变量，因为我已经放入了score（'jquery'，function（）{…}）；我猜他们在那个街区外是看不见的。

test.js

steal('jquery', function(){
   console.log(baseUrl);  // error
});

这是因为您的两个变量是传递给窃取的函数的本地变量。我的建议是始终将全局称为window.globalName，以明确您的意图。

steal('jquery', function() {
   // here is some jquery specific code
   window.appletVersion = '<?php echo $appletVersion; ?>';
   window.baseUrl = '<?php echo BASE_URL; ?>';
});
// Now you can access window.appletVersion anywhere in your code

请注意，不需要等待窃取来获取jQuery来初始化这些变量，所以您可以在外部（全局范围级别）进行初始化。

命名空间

比使用window.globalName更好的解决方案是在全局级别创建自己的命名空间，这样就可以将全局命名空间污染限制在单个对象上。这将有助于调试，因为您的所有代码不会与全局对象上的其他属性混合。只需console.log，您就可以查看所有自己的全局。

var myNs = {}; // Put all your globals, classes, functions in here to avoid conflicts.
myNs.appletVersion = '<?php echo $appletVersion; ?>' ;

在JS中打印PHP值

当您在PHP中有一个值，并且希望将其作为JS变量打印在页面上时，应该使用json_encode。如果字符串中嵌入了换行符、引号甚至二进制数据，那么就不会有问题了。你甚至不必担心类型，json_encode输出的东西总是有效的，可以在JavaScript 中使用

myNs.appletVersion = <?php echo json_encode($appletVersion); ?>;
myNs.baseUrl = <?php echo json_encode(BASE_URL); ?>;
相关文章：