JavaScript中的封装

以你之姓@ 2022-05-14 13:04 198阅读 0赞

在之前的博客中描述了Java中的面向对象三大特性—封装。由于JavaScript是基于对象的，Java是面向对象的语言，因此这两种语言有着类似的特性，但是在js中没有封装这一概念只能是去模拟封装；

--------------------

## 封装 ##

基本理念和Java相同，出于安全性等考虑，将内部的某一属性封装起来，外界不能直接操纵这个属性，只能通过开放的方法进行赋值或者取值；而这个公开的部分就称为对象的界面。  
接下来上代码，逐步的了解在js中封装的必要性；  
**1：阴云密布—–默认正确**

function Person(name,age){
        
            this.name = name;
            this.age = age;
            this.say = function(){
        
                console.log(this.name + ":" + this.age);
            }
        }
        var p1 = new Person("lisi",22);
        p1.say();//输出lisi:22

上述代码中定义了一个Person类，中有两个属性和一个方法，在之后的创建对象中赋了两个值，之后调用方法。在这里默认逻辑正确，因此没有任何错误；  
**2：晴空霹雳——出现问题**

function Person(name,age){
        
            this.name = name;
            this.age = age;
            this.say = function(){
        
                console.log(this.name + ":" + this.age);
            }
        }
        var p1 = new Person("lisi",1000);
        p1.say();//输出lisi:1000

此时如果将年龄误输入为1000，那么程序依然会忠诚的将1000输出，而并没有管他符不符合现实要求。  
**3：回光返照—–逻辑判断**

此时在输入age时会进行逻辑判断，如果age不符合就直接赋值18；符合就使用传进来的值；**进行到这一步感觉已经解决了这个问题？？**  
**3：全面爆发——-功亏一篑**

上述代码中我没有在创建Person对象的时候直接传进去参数，我使用的是点符号法，因为age属性此时仍然是Person对象的属性，我依旧可以通过这种方式**直接对age进行赋值，直接避开了程序中的逻辑判断！！！！**  
那岂不是麻了爪？接下来我该怎么办？

**4：大道至上——封装奥义**

如上述代码，在Person类中有一个实例化对象属性name。注意这里的age已经不是一个实例化对象属性，也不是类的属性；他是一个使用var声明的变量，而且age的作用域只在function Person中。因此这个age就称之为被封装的属性，而为了让外界一定程度上能够操作age就在function Person内部设置了两个实例化对象函数分别是getAge（）和setAge（）；当Person实例化出对象时，使用p1是无法直接调用age变量的，只能通过实例化函数来进行操作；在这两个函数中又有着相应的逻辑判断；  
1:getAge() 在这个方法中需要一个判断法则，看我是否可以直接返回真实年龄，在这里简略的将判断法则设置为通过（true）；  
2：setAge(num) 在实例化对象调用这个方法时，传入参数，内部有相应的判断逻辑检测age是否符合既定标准；  
**将一些不想被外界直接操作的属性封装起来，外界没办法直接调用操作，只能通过设置好的界面（实例方法）进行操作，因此极大地保证了安全性也降低了耦合度；**

--------------------

## 最后的总结 ##

1：js封装的思想和Java封装的思想都是一致的；  
2：在js中的function类中使用var修饰一个变量和在Java中使用private修饰一个变量作用是一样的，这个时候外界都没有办法继续调用；  
3：js和Java是相通的，不能只为学习一个知识点而学习这个知识点，触类旁通，总结概括，总结思想，找到异同才是最快的方法；  
**最后的话：**  
如果你感到焦躁，无助，失望，愤怒。那只有一个原因，你没有去脚踏实地的去做当前的事，沉下心去，做好当前事，别想太多，这才是最快的方式；