闭包和this绑定

最新推荐文章于 2024-07-30 22:36:34 发布
最新推荐文章于 2024-07-30 22:36:34 发布
阅读量29 收藏
点赞数 1
分类专栏： javascrip进阶理论知识总结 文章标签： javascript 开发语言 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_52147616/article/details/129933236
版权

文章目录

闭包

  • 定义
    • 闭包是由函数以及创建该函数的词法环境组合而成。这个环境包含了这个闭包创建时所需访问的所有局部变量。
  • 作用
    • 访问函数作用域内的局部变量
    • 使函数中的变量被保存在内存中不被释放
  • 缺点
    • 内存消耗大
    • 闭包会在父函数外部，改变父函数内部变量的值
  • 常见形式
    • 以普通函数返回
    • 作为对象的方法返回
  • IIFE、闭包综合应用
    • 解决变量共享、变量污染问题
    • function（i）{ ……}（i）
    • 通过IIFE对变量存储的改变（避免变量共享错误） （JS（ES5）没有块作用域，变量可能会共享）
    • 避免非期望的变量共享

this绑定

this绑定
  • this
    • 被自动定义在所有函数的作用域中的一个关键字
    • 在函数运行期间绑定，与函数定义无关
  • this作用
    • 复用代码，为函数自动引用合适的上下文对象
    • 提供了一个更加优雅而简便的方式来隐式传递一个对象引用
  • 绑定规则
    • 作为函数直接调用 —— 默认绑定
    • 作为对象方法调用 —— 隐式绑定
    • 作为构造函数调用 —— new绑定
    • 通过 call/apply 间接调用 —— 显式绑定
      • 变量 _this、that、self 锁定 this（软绑定）
      • 通过函数对象的bind方法来锁定（硬绑定）
  • 绑定优先级：**new 绑定 > 显式绑定 > 隐式绑定 > 默认绑定 **
严格模式
  • 开启方式：某个函数开启严格模式，得把 “use strict”; 声明放在函数体所有语句之前
  • 可以应用到整个脚本或个别函数中
  • 相对JavaScript语法和行为的不同
    • 变量必须先声明再使用
    • 全局作用域中函数中的 this 是 undefined不是window对象
    • 构造函数不加 new 调用，this 报错 ，不会指向全局对象
    • 函数参数不允许重名
高阶函数
  • 高阶函数：对其他函数进行操作的函数，函数的参数和返回值均为函数
  • 满足条件（至少一个满足）
    • 函数作为参数被传递（常见的形式：回调函数）
    • 函数作为返回值输出（常见的形式：闭包）
  • 对待不确定的变量或过程
柠ㅤㅤ
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript 中的 闭包 - this对象
norang的博客
07-27 792
这里写目录标题10.14.1 this 对象参考目录 10.14.1 this 对象        在闭包中使用 this 会让代码变复杂。如果内部函数没有使用箭头函数定义，则 this 对象会在运行时绑定到执行函数的上下文。如果在全局函数中调用，则 this 在非严格模式下等于 window，在严格模式下等于 undefined。如果作为某个对象的方法调用，则 this 等于这个对象。匿名函数在这种情况下不会绑定到某个对象，这就意味着
详细讲解JavaScript中的this绑定
10-21
理解`this`的工作原理对于深入学习JavaScript至关重要，特别是在处理回调函数、事件处理程序、模块和闭包等复杂场景时。在实际编程中，经常需要结合使用这些规则来确保`this`指向正确的地方。例如，通过`bind`方法...
JavaScript闭包和this绑定
weixin_34253126的博客
06-09 63
本文最主要讲讲JavaScript闭包和this绑定相关的我的小发现，鉴于这方面的基础知识已经有很多很好的文章讲过了，所以基本的就不讲了，推荐看看[酷壳](http://coolshell.cn/)上的[理解Javascript的闭包](http://coolshell.cn/articles/6731.html)和[阮一峰](http://www.ruanyifeng.com/blog/)的[学...
JavaScript闭包和this
weixin_40780777的博客
07-27 5939
目录JavaScript闭包和this1 闭包1.1 变量作用域1.2 读取函数内部的局部变量1.3 闭包概念2 this2.1 关键点：2.2 四类调用方式1）作为对象方法的调用2）纯粹的函数调用3）作为构造函数调用4）使用apply、call、bind调用2.3 箭头函数中的this3 样例详解参考 JavaScript闭包和this 1 闭包 一个函数和对其周围状态（lexical environment，词法环境）的引用捆绑在一起（或者说函数被引用包围），这样的组合就是闭包（closure）。也就
闭包和this的使用
fakerking的博客
08-14 189
JavaScript中this对象
关于闭包和this 指向
lucky_ferry的博客
07-25 110
有关闭包 什么是闭包？ 定义 官方定义：闭包 （closure） 指有权访问另一个函数作用域中变量的函数 。 简单理解：闭包就是一个函数，这个函数能够访问另一个函数中的变量 注意：被访问的这个变量所在的函数就是闭包函数 作用 最本质的作用就是：延申了变量的作用范围 闭包的原理 高阶函数 闭包就是典型的高阶函数的用法，它内部返回的是一个函数 主要实现原理 要使用闭包函数中的局部变量，我们就在闭包函数中 ==return ==一个函数，再在外面调用就可 这个局部变量不会立即销毁，因为内部还返回了函数，需要
JavaScript ——闭包，this
CandiceYu的博客
06-25 542
关于this对象 this对象是在运行时基于函数的执行环境绑定的；全局函数中，this等于window，而当函数的执行环境具有全局性，this对象通常指向window。 var name = "The window"; var object = { name:"My Object", getNameFun:function(){ return function(){ return t...
闭包及this指向
Yang_Ming_Lei的博客
04-01 261
每个函数在被调用时都会自动创建两个特殊变量：this和arguments。内部函数会永远不可能直接访问外部函数的这两个变量。但是，如果把this保存到闭包，可以访问的另一个变量中，则是行得通的。匿名函数不会绑定某个对象，这就意味着this会指向window，除非在严格模式下this是undefined。好处：可以读取函数内部的变量、将变量始终保持在内存中、可以封装对象的私有方法和私有属性。闭包指的是那些引用了另一个函数作用域中变量的函数，通常是在嵌套函数中实现的。
闭包、this问题
weixin_52998620的博客
01-20 184
闭包 概念：内部函数访问外部函数 （1）、函数作为参数被传递 （2）、函数作为返回值被返回 函数中的自由变量，取决于函数定义的地方，跟执行的地方没有关系 this 5大调用场景： 普通函数 对象方法 call apply bind class 箭头函数 普通函数中的this function fn(){ console.log(this); } fn(); //相当于下面的window.fn(); window.fn(); ...
闭包,及闭包中this指向
你还有我
03-04 1573
这里写目录标题闭包作用域什么是闭包闭包的作用闭包的缺点闭包中的this 闭包 作用域 函数内部可以使用全局变量。 函数外部不可以使用局部变量 当函数执行完毕，本作用域内的局部变量会被销毁。 函数分为两个阶段 定义阶段 会在堆内存中开辟一个新的空间，将函数中的代码作为字符串存储进去。并将这个新空间的地址返回给一个变量。 调用阶段 在执行空间中开辟一个新的空间，执行函数中的代码，声明新的变量，执行完代码后，该空间会被销毁，变量也会被销毁。 什么是闭包 有权访问另外一个函数作用域中的变量的函数。
浅析PHP中的闭包和匿名函数
10-18
除了`use`关键字，还可以通过`bindTo()`方法将闭包与特定对象绑定，使其能够访问该对象的私有和受保护的属性。这允许闭包在对象的上下文中执行，就像它是一个成员函数： ```php class Person { private $name; ...
我所理解的this，闭包，原型链，继承及面向对象.zip
07-08
在JavaScript编程语言中，"this"、闭包（Closure）、原型链（Prototype Chain）和继承是四个核心概念，它们构成了JavaScript面向对象编程的基础。这里，我将深入解析这些概念，并结合实际例子来帮助理解。 首先，让...
JS作用域闭包、预解释和this关键字综合实例解析
11-30
JavaScript中的作用域、闭包和`this`关键字是理解JavaScript工作原理的核心概念。在此实例中，我们将深入探讨这些概念，并通过具体的代码分析来解释它们的实际应用。 首先，我们看`var number = 2;`，这是一个全局...
分享一道关于闭包、bind和this的面试题
08-31
在JavaScript编程中，闭包、bind和this是三个非常重要的概念，它们经常在实际开发和面试中被提及。本文将通过一道具体的面试题来探讨这三个概念，并提供三种不同的解决方案。 首先，我们来看一下问题背景：我们需要...
【分享】前端程序员-技术网站推荐
一位前行者的博客
07-30 897
对于前端开发人员来说，以下是一些推荐的技术网站，这些网站提供了丰富的资源和知识，可以帮助你提升前端开发技能：收集一些 、、 的网站 vite 官方中文文档 element-plus 官方中文文档 pinia 官方中文文档 vue-router 官方中文文档 Tailwind CSS 官方文档 vitest 官方中文文档 es6 中文文档 axios 官方中文文档 vxetable 官方中文文档 lodash 中文文档 echarts 官方中文文档 animat
Vue3中的pinia的使用及组合写法与普通写法的区别
m0_62626838的博客
07-30 222
1、首先pinia可以自己后面按需安装，也可在项目创建时去勾选安装（这里我使用的是项目创建时自动安装的，吃了点亏，忘记这里是组合写法了）按照这个写法是不需要添加pinia核心（state、actions、getters），但需要return！store文件夹中的counter.ts （名字任起）在组件中直接使用即可，如下图。2、自定义安装pinia。3、在组件中使用，如下图。
VUE3自定义指令防止重复点击多次提交
MadSnail00的博客
07-30 288
vue3连续点击按钮重复提交，vue3自定义指令防止重复提交
【Vue3】自定义组件
最新发布
又言又语
07-30 441
本文介绍 Vue3 中如何自定义组件。页面组件：用于构建独立页面，通常存放在src/pages或src/views目录下。功能组件：将页面中一些独立的功能封装成独立组件，譬如：分页组件、日期时间组件等。功能组件通常存放在目录下。本文主要说明如何自定义功能组件。
如何能够调用闭包外的this？
07-17
在上述示例中，我们使用 `bind(this)` 将外部的 `this` 绑定到闭包函数 `innerFunction` 中。 使用这些方法之一，你可以在闭包中访问到外部作用域中的 `this`。请根据你的具体情况选择合适的方法。 希望这个解答...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值