JavaScript 封装

封装 是面向对象编程中的一个基本概念，指的是隐藏对象的内部细节，仅向外界暴露必要的信息。封装有助于维护数据的完整性，并确保不会被不当地访问或修改。JavaScript作为一种面向对象编程语言，也支持封装。本文将探讨如何在JavaScript中实现封装。

JavaScript中的封装： 在JavaScript中，可以使用两种技术实现封装：使用闭包和使用类。让我们更详细地研究这些方法。

1. 使用闭包： 在JavaScript中，闭包是指那些在外部词法环境中仍然可以访问变量的函数，即使外部函数已经返回。可以使用闭包来创建私有变量和方法。

示例： 考虑以下示例：

JavaScript

function BankAccount(accountNumber, accountHolderName, balance) { 
    let _accountNumber = accountNumber; 
    let _accountHolderName = accountHolderName; 
    let _balance = balance; 
  
    function showAccountDetails() { 
        console.log(`Account Number: {_accountNumber}`); 
        console.log(`Account Holder Name:{_accountHolderName}`); 
        console.log(`Balance: ${_balance}`); 
    } 
  
    function deposit(amount) { 
        _balance += amount; 
        showAccountDetails(); 
    } 
  
    function withdraw(amount) { 
        if (_balance >= amount) { 
            _balance -= amount; 
            showAccountDetails(); 
        } else { 
            console.log("Insufficient Balance"); 
        } 
    } 
  
    return { 
        deposit: deposit, 
        withdraw: withdraw 
    }; 
} 
  
let myBankAccount = BankAccount("123456", "John Doe", 1000); 
  
myBankAccount.deposit(500);  
// Output: Account Number: 123456 Account Holder Name:  
//John Doe Balance: 1500 
  
myBankAccount.withdraw(2000); // Output: Insufficient Balance

输出

Account Number: 123456
Account Holder Name: John Doe
Balance: 1500
Insufficient Balance

在这个例子中，我们使用闭包创建了一个BankAccount对象。该对象有三个私有变量：_accountNumber、_accountHolderName和_balance。这些变量只能在BankAccount函数内部访问，外部无法访问。

showAccountDetails函数是一个私有方法，用于显示账户详细信息。deposit和withdrawal方法是公有方法，可以从对象外部访问。当调用这些方法时，它们会更新_balance变量，并调用showAccountDetails函数显示更新后的账户详细信息。

2. 使用类： ES6在JavaScript中引入了类语法，它允许我们以更有结构化的方式定义类和对象。类可以用于实现JavaScript中的封装。

例子： 考虑以下例子：

JavaScript

class BankAccount { 
    constructor(accountNumber, accountHolderName, balance) { 
        this._accountNumber = accountNumber; 
        this._accountHolderName = accountHolderName; 
        this._balance = balance; 
    } 
  
    showAccountDetails() { 
        console.log(`Account Number: {this._accountNumber}`); 
        console.log(`Account Holder Name:{this._accountHolderName}`); 
        console.log(`Balance: ${this._balance}`); 
    } 
  
    deposit(amount) { 
        this._balance += amount; 
        this.showAccountDetails(); 
    } 
  
    withdraw(amount) { 
        if (this._balance >= amount) { 
            this._balance -= amount; 
            this.showAccountDetails(); 
        } else { 
            console.log("Insufficient Balance"); 
        } 
    } 
} 
  
let myBankAccount = new BankAccount("123456", "John Doe", 1000); 
myBankAccount.deposit(500);  
// Output: Account Number: 123456 Account Holder Name:  
//John Doe Balance: 150

输出

Account Number: 123456
Account Holder Name: John Doe
Balance: 1500

在这个例子中，我们使用class关键字创建了一个BankAccount类。该类有三个私有变量：_accountNumber、_accountHolderName和_balance。这些变量前面加上下划线表示它们是私有变量。

showAccountDetails方法是一个公共方法，用于显示账户详细信息。存款和取款方法也是公共方法，可以从对象外部访问。当调用这些方法时，它们会更新_balance变量，并调用showAccountDetails方法显示更新后的账户详细信息。

通过这种方式，我们可以在JavaScript中实现封装。

JavaScript封装的好处：

• 数据安全： 封装通过阻止直接访问私有变量来保护数据。这确保数据不能被不适当地修改。
• 代码可重用性： 封装使代码更容易被重用，因为对象是自包含的，可以在应用程序的不同部分使用。
• 维护性： 封装使代码更容易维护，因为对象是独立的，对一个对象的更改不会影响其他对象。

  结论： 封装是面向对象编程中的一个重要概念，JavaScript支持使用闭包和类来实现封装。封装有助于维护数据的完整性，改善代码的可重用性，并使代码维护更容易。作为JavaScript开发人员，了解封装的工作原理并在代码中有效地使用它是很重要的。