JavaScript 中创建私有成员

yizhihongxing

创建私有成员在 JavaScript 中是非常常见和重要的需求。可以利用 JavaScript 中的作用域和闭包机制来实现。

在JavaScript中可以通过函数的声明来创建一个私有作用域,在函数中声明的变量和函数都是内部私有的,从而实现私有成员。

具体实现过程如下:

  1. 创建一个外部函数,内部定义需要私有的成员。
function myObject() {
  //私有的成员 在此定义 
  var privateVar = "私有变量";
  function privateFunc() {
    console.log("私有的函数");
  }
  //暴露公有方法
  this.publicFunc = function () {
    console.log("public函数调用");
    privateFunc();
  };
}

在myObject函数内部定义了私有的变量privateVar和privateFunc,分别表示私有变量和私有函数。

  1. 在myObject函数外部使用该函数时,通过公有的方法访问私有成员
var obj = new myObject();
// 公有方法调用私有方法
obj.publicFunc(); // 打印 "public函数调用" 和 "私有的函数"

在外部创建一个myObject对象,通过调用obj.publicFunc() 方法来访问私有成员,实现了对私有成员的访问控制。

另一个示例:

(function () {
  var privateVar = "私有变量";
  function privateFunc() {
    console.log("私有的函数");
  }
  // 在闭包内暴露公有方法
  window.myObject = function () {
    console.log("public函数调用");
    privateFunc();
  }
})();

// 创建实例
var obj = new myObject(); // 打印 "public函数调用" 和 "私有的函数" 

这个示例中,我们通过使用匿名自启动函数,将私有变量和方法封装在一个作用域内,并将公有方法(myObject)作为window对象的属性,暴露出来以便可以在全局范围内访问。 同样的,在外部创建myObject实例,并调用public的方法来访问私有成员。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:JavaScript 中创建私有成员 - Python技术站

(0)
上一篇 2023年6月10日
下一篇 2023年6月10日

相关文章

  • JavaScript 字符串数字左补位,右补位,取固定长度,截位扩展函数代码

    下面我来详细讲解JavaScript字符串数字左补位、右补位、取固定长度、截位扩展函数的完整攻略。 JavaScript字符串数字左补位 左补位的需求在某些场景下非常常见,比如对日期格式化时,需要将月份和日期左补位补成两位数,例如1月份,格式化后应该是”01″。下面是一个左补位的示例代码: function leftPad(val, width, ch) {…

    JavaScript 2023年5月28日
    00
  • JavaScript实现钟表案例

    下面是关于“JavaScript实现钟表案例”的完整攻略: 1. 确定页面布局和样式 在创建JavaScript实现钟表的时候,我们首先需要确定页面的布局和样式。这不仅可以让我们更好地控制页面的显示效果,同时也方便我们根据需要编写所需的JS代码。 我们可以在HTML中创建一个div元素,并设置其样式为居中对齐,宽度为500px,高度为500px,边框为1px…

    JavaScript 2023年5月27日
    00
  • javascript document.referrer 用法

    Javascript中,document.referrer属性用于获取上一页面的URL地址。具体来说,它返回一个字符串,即访问当前页面的用户从哪个URL过来的。这个属性可以提供有用的信息,比如可以用于跟踪用户的来源,或者可以用于判断用户是否从一些关键页面跳转过来。 下面是使用document.referrer属性的完整攻略。 1. 使用document.re…

    JavaScript 2023年6月11日
    00
  • JavaScript常用本地对象小结

    下面我将详细讲解JavaScript常用本地对象的知识点,包含对象的定义、属性和方法,以及两个示例说明。 什么是本地对象 在 JavaScript 中,除了语言本身提供的全局对象和全局函数之外,很多对象也是由浏览器端或者 node.js 端提供的本地对象。本地对象可分为三个大类(原生对象、宿主对象、自定义对象),原生对象又称为内置对象。 常用本地对象 本地对…

    JavaScript 2023年5月27日
    00
  • 介绍JavaScript中Math.abs()方法的使用

    介绍JavaScript中Math.abs()方法的使用的攻略如下: 1. Math.abs()方法的概述 Math.abs()是JavaScript内置的数学函数,用于返回一个数的绝对值。接受一个参数,返回该参数的绝对值(也就是该参数的正数)。如果参数不是数值类型,则该方法会尝试将其转换为数值类型。 2. Math.abs()方法的语法 Math.abs(…

    JavaScript 2023年5月28日
    00
  • jQuery实现鼠标悬停3d菜单展开动画效果

    我们来详细讲解一下“jQuery实现鼠标悬停3d菜单展开动画效果”的攻略。 环境准备 在开始之前,我们需要确保已经准备好以下环境: 安装了jQuery库,可以从官网下载或使用CDN链接; 准备好HTML结构,并引入jQuery库。 示例一:基本的3D效果 首先,我们需要实现一个基本的菜单样式,并添加一些CSS样式以实现3D效果。下面是一个示例的HTML结构:…

    JavaScript 2023年6月11日
    00
  • Chrome调试折腾记之JS断点调试技巧

    Chrome调试折腾记之JS断点调试技巧 介绍 Web开发中调试是必不可少的环节之一,Chrome提供了丰富的调试工具来帮助我们定位问题。本文将着重介绍Chrome的JS断点调试技巧。 步骤 步骤一:打开调试工具 打开需要调试的页面,按下 F12 或右键选择 审查元素 ,即可打开 Chrome 的调试工具。 步骤二:在JS代码中插入断点 在需要调试的代码行左…

    JavaScript 2023年6月10日
    00
  • JavaScript 短路运算的实现

    JavaScript 短路运算的实现 在 JavaScript 中,短路运算又称为逻辑运算符的“短路求值”,它可以用于简化代码并提高效率。本文将详细讲解JavaScript短路运算的实现。 什么是短路运算? 短路运算是指当使用逻辑运算符 && 和 || 时,如果左手边的逻辑表达式已经能够确定最终的结果,则不再执行右侧的表达式。如果左侧的表达式…

    JavaScript 2023年6月10日
    00
合作推广
合作推广
分享本页
返回顶部