JavaScript |嵌套类

让我们试着去理解，什么是类。 JavaScript 中的类是一种函数类型，既可以通过函数关键字初始化，也可以通过 class 关键字初始化。在本文中，我们将通过使用函数关键字来介绍 javascript 中的内部类。这是使用函数关键字的类的示例。

例子：

    
        Class as a function
        
        
            
            // Write Javascript code here
            function Employee() {
                
                // Here we have created a property
                // name of class Employee;
                this.name = ""; 
                this.employeeId = 0;
            }
            
            // An (global) object of type Employee
            // is created.
            var emp = new Employee(); 
  
            emp.name = "miss anonymous";
            emp.employeeId = 101;
            function showName() {
                alert(emp.name);
            }
        
    
    
        
          Click Me
        
    

输出：

miss anonymous

作为函数的类与函数之间的区别在于，我们在函数定义中使用了 this 关键字，使其作为类工作。现在，内部类以类似的方式定义。

正如您在这段代码中看到的，我们在其中创建了一个 OuterClass 和 InnerClass，就像我们之前所做的一样。但是，要访问外部类的属性，我们需要知道对象的地址。这是唯一正确的方法。正如您在上面的示例中看到的，为了访问 OuterClass 的属性 x，我们使用了变量 objOuterClass（它存储类的当前实例的地址），并且使用该对象的地址，我们可以轻松访问任何属性或内部类中外部类的方法。

现在，可以在尝试访问内部类的成员或属性时应用相同的技巧。如您所见，我们在内部类之外创建了一个内部类对象。因此，每次创建外部类对象时，我们都会创建内部类对象并将其地址存储在变量 innerObj 中。

例子：

    
        Inner class in JS
        
        
            function OuterClass() {
                
            // Property x of OuterClass
            this.x = 0; 
            this.y = 30;
                
            // Assign the variable objOuterClass the address 
           // of the particular instance of OuterClass
            var objOuterClass = this; 
                
            // Inner class
            function InnerClass() {
              this.z = 10;
              this.someFuncton = function () {
                  alert("inner class function");
                    }; 
                      
             // Assign the address of the anonymous function.
             // to access the value of property of outer class 
             // in inner class.
               this.accessOuter = function () {
                  alert("value of x property:" + objOuterClass.x);
                    };
             } 
                
                // InnerClass ends to access the inner class 
                // properties or methods.
                this.innerObj = new InnerClass();
            }
  
          function show() {
             var outerClassObj = new OuterClass();
            alert("Inner class Property z:" + outerClassObj.innerObj.z);
            }
        
    
  
    
        
         Click Me
        
    

输出：

Inner class Property z:10