如何在JavaScript中创建私有变量
在本文中,我们将尝试了解如何在JavaScript中创建私有变量。让我们首先了解一下在JavaScript中通常如何声明变量的方式。
语法: 使用以下语法,我们可以在JavaScript中声明变量。
另外,我们还可以使用“let”关键字来声明变量。
现在我们已经对如何声明变量有了基本的了解,让我们看看如何使它们变为私有变量,这样这些变量就无法直接访问了。
在函数中创建私有变量: 每当我们处理函数时,我们总是尝试使变量私有化,这样就可以避免直接访问变量,也避免了对这些值进行更新。
示例: 代码的实现将帮助我们理解如何创建私有变量和函数:
输出:
上面的代码片段中声明的所有变量(如上所示)不能直接访问,因为它们被封装起来,除非通过函数调用,否则无法使用或打印这些变量的值。
另外,我们还可以使用“this”关键字将方法(函数)调用与主方法保持一致,从而使变量变为私有变量。使用“this”关键字的主要目的是使方法直接可见,即直接访问方法。以下是用于更好理解的代码片段:
输出:
在类中创建私有变量: 在ES6中,我们有一个类的功能,也用于显示用户控制台上的某些输出。在声明类时,我们还使用构造函数,这是一个默认函数,调用某些变量或方法后会接受某些参数。
为了演示变量的私有性,我们将把所有内容放在构造函数中,然后通过某些方法来访问它们(也可以称为封装,通过方法访问变量)。
以下是演示上述事实的代码的代码片段:
“`HTML “` **输出:** “`HTML 23 undefined “` **在类中创建私有变量:** 在ES6中,我们可以使用类来表示特定输出结果。在声明类时,我们会使用构造函数。构造函数是一个默认函数,可以在创建对象并调用变量或方法时接受参数。 为了演示私有变量的功能,我们将把所有内容放在构造函数内部,然后通过方法来访问它们(这也称为封装,通过方法来访问变量)。 下面是一个演示上述概念的代码示例:
输出:
阅读更多:JavaScript 教程