ES6 |类变量替代方案

使用 class 关键字创建一个类。每当初始化对象时，都会为该对象调用类方法。以下示例显示了类变量的替代方案：

使用类： class 关键字允许用户创建一个类。 class 关键字对于在 JavaScript 中创建类是必不可少的。

• 程序：

    
  
      GeeksforGeeks
  
    
  
    
      
    
      
          class Fruit {
              constructor(fname) {
                  this.fruit1 = fname;
              }
          }
    
          Fru = new Fruit("Mango");
    
          document.getElementById("gfg").innerHTML
                  = Fru.fruit1;
      
  
    

• 输出：
  

使用方法：每次创建一个类的实例。它使用 constructor() 方法进行初始化。如果用户没有定义 constructor() 方法，那么 JavaScript 会自动定义。

• 程序：

    
  
      GeeksforGeeks
  
    
  
      
      
    
      
          class Fruit {
              constructor(fname) {
                  this.fruit1 = fname;
              }
              present() {
                  return "My favourite fruit is "
                          + this.fruit1;
              }
          }
    
          Fru = new Fruit("Mango");
    
          document.getElementById("gfg").innerHTML
                      = Fru.fruit1;
          document.getElementById("gfg1").innerHTML
                      = Fru.present();
      
  
    

• 输出：
  

使用静态方法：这种方法很简单，它们是在类而不是类的对象上调用的。

• 程序：

    
  
      GeeksforGeeks
  
    
  
      
    
      
          class Fruit {
              constructor(fname) {
                  this.fruit1 = fname;
              }
              static new() {
                  return "Mango!!!!";
              }
          }
    
          Fru = new Fruit("Mango");
    
          document.getElementById("gfg1").innerHTML
                  = Fruit.new();
      
  
    

• 输出：
  

使用继承：继承允许子类继承父类的属性。关键字“extends”用于此目的。

• 程序：

    
  
      GeeksforGeeks
  
    
  
      
    
      
          class Fruit {
              constructor(fname) {
                  this.fruit1 = fname;
              }
              present() {
                  return "My favourite fruit is "
                          + this.fruit1;
              }
    
          }
          class Healthy extends Fruit {
              constructor(fname, mod) {
                  super(fname);
                  this.healthy = mod;
              }
              show() {
                  return this.present() + ', it is very '
                           + this.healthy;
              }
          }
    
          fru = new Healthy("Mango", "healthy");
          document.getElementById("gfg1").innerHTML
                     = fru.show();
      
  
    

• 输出：
  

使用 Get-Set 方法： Getters 允许获取 ES6 类变量的值，而 Setters 允许将这些值分别设置在适当的字段中。

• 程序：

    
  
      GeeksforGeeks
  
    
  
      
    
      
          class Fruit {
              constructor(fname) {
                  this.fruit1 = fname;
              }
    
              get fruitss() {
                  return this.fruit1;
              }
              set fruitss(x) {
                  this.fruit1 = x;
              }
    
          }
          Fru = new Fruit("Mango");
    
          document.getElementById("gfg1").innerHTML
                     = Fru.fruitss;
      
  
    

• 输出：
  

支持的浏览器： ES6 Class Variable Alternative支持的浏览器如下：

• 谷歌浏览器 49
• 火狐 45
• Internet Explorer 边缘 12
• 歌剧 36
• 野生动物园 9