如何在 JavaScript 中使用静态变量?


关键字“Static”用于定义类的静态方法或静态属性。静态方法的好处在于我们不需要创建类的实例或对象。它没有多个值。它将在初始化期间定义一个静态值。

关键字static类似于const关键字。它在初始化发生时的运行时被设置,这些类型的变量具有全局存在性和作用域。我们可以在脚本的任何地方使用这些静态变量。

注意 - 与const变量不同,我们可以重新分配和更改static变量的值。

示例 1

在这个示例中,我们正在创建一个简单的 HTML 页面。我们添加了一个包含示例类的脚本。该类包含在运行时初始化的静态值,因此之后在代码中使用该值。

# index.html

<!DOCTYPE html>
<html>
<head>
   <title>Static Variables</title>
</head>
<body>
   <h1 style="color: red;">
      Welcome To Tutorials Point
   </h1>
   <script type="text/javascript">
      class Example {
         static staticVariable = 'Welcome To Tutorials Point';
         // Defining the Static Variables
         static staticMethod() {
            return 'I am a static method.';
         }
      }
      // Calling the Static Variables
      console.log(Example.staticVariable);
      console.log(Example.staticMethod());
   </script>
</body>
</html>

输出

它将在控制台中产生以下输出。

Welcome To Tutorials Point
I am a static method.

示例 2

# index.html

<!DOCTYPE html>
<html>
<head>
   <title>Static Variables</title>
</head>
<body>
   <h1 style="color: red;">
      Welcome To Tutorials Point
   </h1>
   <script type="text/javascript">
      class Example {
         static staticVariable = 'Welcome To Tutorials Point';
         // Defining the Variable under a Static Method
         static staticMethod() {
            return 'staticVariable : '+this.staticVariable;
         }
      }
      // Calling the above static method
      console.log(Example.staticMethod());
   </script>
</body>
</html>

输出

在成功执行上述程序后,它将在控制台中产生以下输出。

staticVariable : Welcome To Tutorials Point

更新于: 28-4-2022

3K+ 浏览量

开启你的 职业生涯

通过完成课程获得认证

开始
广告