如何避免WordPress中的全局变量

Question

我现在有几个实例，比如说，我用css创建了一个名为的变量

.滑块

它影响了我页面上的很多内容。我该如何避免这种情况？

此外，我在一个插件中写了很多JavaScript，最后对全局变量进行了更改。

有办法避免这种情况吗？突然之间，页面上的所有图像都可能发生变化，或者javascript代码中的某些内容会改变页面上的内容。

Answer 1

您的代码看起来是这样的：

var my_global_var = 123;
function do_something_with_vars() {
//   ... your logic here
}
function do_something_else_with_vars() {
//   ... your logic here
}

避免全局变量冲突的一种方法是使用匿名函数：

上述代码可以重写为：

(function(){
var my_global_var = 123;
function do_something_with_vars() { ... };
function do_something_else() {  ... };
})();
// here, my_global_var is out of scope.