Polymer是一个用于构建Web组件的JavaScript库。在Polymer 1.0中，我们可以使用<dom-module>元素来创建自定义元素，并且可以使用全局变量将数据传递到整个应用程序中的不同组件。这篇文章将介绍如何在Polymer 1.0中使用全局变量。
什么是全局变量？
全局变量是可以从任何地方访问的变量。在Polymer中，我们可以使用window对象来创建全局变量。这些变量可以在应用程序中的任何组件中使用，包括自定义元素和公共JavaScript文件。
如何创建全局变量？
在Polymer中，我们可以使用window对象来创建全局变量。以下是一个示例：
window.appName = "My Application";
在上面的示例中，我们将字符串"My Application"分配给名为appName的全局变量。现在，我们可以在应用程序中的任何组件中访问该变量，如下所示：
console.log(window.appName);
在Polymer中使用全局变量
在Polymer中，我们可以通过两种方式使用全局变量：Polymer元素和公共JavaScript文件。
在Polymer元素中使用全局变量
要在Polymer元素中使用全局变量，请使用Polymer.Base方法中的ready()生命周期钩子。以下是一个示例：
Polymer({
is: "my-element",
ready: function() {
console.log(window.appName);
}
});在上面的示例中，我们使用ready()生命周期钩子来访问全局变量。当元素准备好时，ready()函数将被调用，并且我们可以在其中访问全局变量。
在公共JavaScript文件中使用全局变量
要在公共JavaScript文件中使用全局变量，请确保该文件位于应用程序中的所有组件之前加载。以下是一个示例：
-- -------------------- ---- ------- --------- ----- ------ ------ --------- ------------------- ------- ---------------------- ----- ------------ ----------------------- ------- ------ ------------------------- ------- -------
在上面的示例中，我们将app.js文件包括在<head>标记中，并在<link>标签中导入my-element.html文件。由于app.js文件位于<head>标记中，在所有组件之前加载，我们可以在其中访问全局变量。
总结
全局变量是一种方便的方式，可以将数据传递到应用程序中的不同组件。在Polymer中，我们可以使用window对象来创建和访问全局变量。此外，我们可以在Polymer元素或公共JavaScript文件中使用全局变量。
希望这篇文章对您有所帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/28686