javascript的闭包介绍(司徒正美)

下面是详细讲解“javascript的闭包介绍(司徒正美)”的完整攻略:

什么是闭包

闭包是指:有权访问另一个函数作用域中变量的函数。

简单来说,闭包就是能够读取其他函数内部变量的函数。

闭包的构成

闭包有“引用环境”和“函数”两部分组成。

其中,引用环境指的是一个对象,它包含了所有在函数创建时可访问的局部变量。而函数,则是这个引用环境中的一个闭包函数。

闭包的作用

闭包的作用有很多,以下是其中的几个:

  • 实现公有变量
  • 做缓存
  • 实现封装和面向对象编程
  • 实现柯里化

实现闭包的方式

实现闭包的方式有以下两种:

  • 函数内返回函数

```js
function outer() {
var a = 10;
return function inner() {
console.log(a);
}
}

var innerFn = outer();
innerFn();
```

  • 函数内手动创建引用环境

```js
function outer() {
var a = 10;
return {
getA: function() {
return a;
},
setA: function(value) {
a = value;
}
}
}

var obj = outer();
console.log(obj.getA()); // 10
obj.setA(20);
console.log(obj.getA()); // 20
```

以上就是“javascript的闭包介绍(司徒正美)”的完整攻略。通过学习闭包的概念、构成、作用和实现方式,我们能够更好地理解JavaScript中的高级概念,也能更加熟练地使用闭包进行编程。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:javascript的闭包介绍(司徒正美) - Python技术站

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

相关文章

  • JS实现的Object数组去重功能示例【数组成员为Object对象】

    下面是讲解“JS实现的Object数组去重功能示例【数组成员为Object对象】”的完整攻略。 一、背景介绍 在实际的开发过程中,我们经常会操作Object数组。而有时候,我们需要对一个Object数组进行去重操作,以避免出现重复数据。接下来,我们将会介绍针对这种情况下的JS实现的Object数组去重功能示例。 二、数组去重算法 去重算法是数组去重的核心,根…

    JavaScript 2023年5月27日
    00
  • 解析ajaxFileUpload 异步上传文件简单使用

    解析ajaxFileUpload 异步上传文件简单使用攻略 异步上传文件简介 在传统的表单提交中,如果需要上传文件,则需要重新加载整个页面,用户体验并不好,而且上传大文件还会影响页面的响应速度。而异步上传则是采用ajax技术,实现上传文件的同时不刷新整个页面,从而提升用户体验。 ajaxFileUpload 简介 在实现异步上传功能的过程中,ajaxFile…

    JavaScript 2023年6月11日
    00
  • javascript 中动画制作方法 animate()属性

    当我们需要用JavaScript来制作一个动画时,最常用的办法就是使用animate()属性。它可以让我们定义元素在一段时间内的移动、淡入/淡出、尺寸变化等动画效果。 基本语法 animate()的基本语法如下: $(selector).animate({styles},speed,easing,callback) 参数说明: selector:表示需要动画…

    JavaScript 2023年6月10日
    00
  • 详解Javascript中的原型OOP

    详解JavaScript中的原型OOP 什么是原型OOP 原型OOP是指JavaScript中通过原型链实现面向对象编程的方式。它利用每个JavaScript对象都有一个指向原型的指针,通过原型链可以实现继承和复用,从而实现面向对象编程的特性。 原型链 原型链是通过每个对象都有一个指向原型的指针,从而形成的链式结构。例如: let animal = { ea…

    JavaScript 2023年6月10日
    00
  • JavaScript从0开始构思表情插件

    以下是关于“JavaScript从0开始构思表情插件”的完整攻略: 1. 构思和规划插件功能 在构思表情插件时,需要考虑它的主要功能和使用场景,比如:用户在聊天页中包含表情时自动转换为对应的图片,添加自定义表情等等。在确定插件的主要功能后,需要进一步规划插件的使用方式、交互设计等方面的细节。 2. 编写HTML结构和CSS样式 HTML结构和CSS样式是表情…

    JavaScript 2023年6月10日
    00
  • 详解JavaScript基本类型和引用类型

    详解JavaScript基本类型和引用类型 基本类型 JavaScript 中的基本类型指的是简单的数据类型。它们在赋值时被直接存储在变量访问的位置。JavaScript 有 6 种基本类型:Number、String、Boolean、null、undefined 和 Symbol。 Number Number 是一种表示数字的基本类型,它包括整数和浮点数。…

    JavaScript 2023年5月28日
    00
  • vue-cli4.5.x快速搭建项目

    下面我会详细讲解一下如何使用vue-cli4.5.x快速搭建项目的完整攻略。步骤如下: 安装vue-cli 首先需要全局安装vue-cli,如果已经安装过了可以跳过这一步骤。使用以下命令在终端中进行安装: npm install -g @vue/cli 创建新项目 使用vue-cli可以快速创建一个新项目,只需要在终端中进入想要创建项目的文件夹,然后使用以下…

    JavaScript 2023年6月11日
    00
  • JavaScript实现选项卡功能(面向过程与面向对象)

    JavasScript实现选项卡功能有两种常用的方法,一种是面向过程的方式,另一种是面向对象的方式。下面我将详细讲解这两种方法的实现步骤和代码示例: 面向过程的实现方式 实现步骤 获取选项卡的容器和对应选项卡所显示内容的容器 遍历选项卡容器中的选项卡,为每个选项卡绑定点击事件处理函数 在点击事件处理函数中,移除容器中的所有选项卡选中状态,并将当前点击的选项卡…

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