js作用域，闭包和this

最新推荐文章于 2024-05-28 11:44:38 发布
最新推荐文章于 2024-05-28 11:44:38 发布
阅读量79 收藏
点赞数
文章标签： javascript ViewUI
原文链接：https://juejin.im/post/5b4b083ee51d45191b6122cd
版权

小结了js的作用域、作用域链、闭包和this的概念

一、作用域

  • 作用域就是变量与函数的可访问范围。
  • 在JS中，变量的作用域分为全局作用域和局部作用域
  • 最外层函数和变量拥有全局作用域
  • 函数内部拥有局部作用域，也称函数作用域

二、作用域链

当代码进入到某执行环境，准备执行时，会为该执行环境对应的变量对象创建作用域链。作用域链是变量对象的集合，第一个元素是当前执行环境的变量对象，最后一个元素是全局执行环境的变量对象。

当JavaScript需要查询一个变量x时，先查找作用域链第一个对象，如果没有定义x变量，继续查找第二个对象有没有定义x变量，以此类推。

三、闭包

  • 函数内部可以直接读取全局变量; 函数外部不能读取函数内局部变量；此为"链式作用域"结构
  • 闭包：能够读取函数内部变量的函数；
  • 本质上，闭包就是将函数内部和函数外部连接起来的一座桥梁
  • 用处有两个，可以读取函数内部变量，让这些变量值始终保持在内存中。
  • 为什么可以保存在内存中？因为闭包被赋给全局变量，导致闭包始终在内存中，从而导致闭包依赖的那些变量也始终在内存中

四、this

一句话: this指的是，调用函数的那个对象

  • 构造函数的 this 指向了一个新的对象；严格模式下的函数的 this 值为 undefined
  • 如果函数是作为对象的方法被调用的,则其 this 指向了那个调用它的对象
  • 闭包里的this指向全局对象

五、参考文档

转载于:https://juejin.im/post/5b4b083ee51d45191b6122cd

weixin_33737774
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JS作用域闭包、预解释和this关键字综合实例解析
10-20
主要介绍了JS作用域闭包、预解释和this关键字,结合实例形式分析了javascript作用域闭包、预解释和this关键字在具体使用过程中的操作技巧与注意事项,需要的朋友可以参考下
javascript 词法作用域和闭包分析说明
12-02
代码如下: var classA = function(){ this.prop1 = 1; } classA.prototype.func1 = ... 大家应该写过上面类似的代码吧，其实这里我想要表达的是有时候一个方法定义的地方和使用的地方会相隔十万八千里，那方法执
Javascript 中 作用域、闭包与 this 指针
博客From宋俊波
08-20 7487
js 中的作用域,闭包的理解和运用,this 的理解和运用
JavaScript(面向对象+原型理解+继承+作用域链和闭包+this使用总结)
Monster_man的博客
08-21 8103
JavaScript(面向对象+原型理解+继承+作用域链和闭包+this使用总结) 一、面向对象 1、什么是面向对象 ☞ 面向对象就是把构成问题事物分解成多个对象，建立对象不是为了完成某个步骤，而是描述某个事物在这个解决问题的步骤中的行为。 1.面向对象是一种思维方法 2.面向对象是一种编程方法 3.面向对象并不只针对某一种编程语言 2、面向对象和面向过程的区别和联系
js中this的指向、作用域和闭包
qq_34691738的博客
07-26 320
this指向问题 1、this在执行的时候才会确定指向的是什么，不执行无法确定。 this的几种不同的使用场景 构造函数 对象属性 普通函数 call、apply、bind 构造函数： this先指向一个空对象，再对this赋值，最后返回this; function Foo(name){ //this = {}; this.name = name; //return...
作用域和闭包（以及this的用法）
weixin_33971977的博客
02-21 104
执行上下文   在介绍作用域特性之前，我们先来回顾一下js的执行上下文（详细介绍：https://www.jianshu.com/p/8f19e45fd1f1）  一段<script>或者一个函数之内，都会去生成一个执行环境（execution context，EC）或称之为执行上下文。当一段JS代码执行的时候，JS解释器会通过两个阶段去产生一个EC。1.创建阶段 o创建变量对象VOo...
JavaScript作用域和闭包
kiku
08-07 210
JavaScript作用域和闭包 作用域和闭包在JavaScript里非常重要。但是在我最初学习JavaScript的时候，却很难理解。这篇文章会用一些例子帮你理解它们。 我们先从作用域开始。 作用域 JavaScript的作用域限定了你可以访问哪些变量。有两种作用域：全局作用域，局部作用域。 全局作用域 在所有函数声明或者大括号之外定义的变量，都在全局作用域里。 不过这个规则只在浏览器中运行的J...
JavaScript之作用域和闭包
小栗子的博客
08-30 438
JavaScript之作用域和闭包1. 作用域和作用域链1.1 作用域1.2 作用域链2. 闭包2.1 闭包怎么设计？2.2 eval2.3 给闭包下个定义2.4 闭包的缺点2.4.1 详细分析2.5 总结 1. 作用域和作用域链 1.1 作用域 变量保存和访问的范围。在JavaScript中，函数，块，模块都可以形成作用域。 作用域全称是词法作用域，是在代码编写时就确定了作用域的。 1.2 作用域链 函数之间的嵌套会形成作用域链。 比如说在全局作用域中定义了一个函数f1，又在f1中定义了一个内部函数f2，
JavaScript变量作用域链闭包this指向
tlmis的博客
12-07 177
变量 作用域 作用域链 闭包 this 变量：作用往内存中存储数据 为什么有作用域？ 因为变量需要运行环境；这个环境我们叫做作用域 1：全局作用域咋浏览器或者程序刚开始运行时候产生的。 2：全局作用域销毁：在关闭浏览器或者关闭程序时。 所以：我们声明的全局变量；都是window 对象下的属性， 所以：js 中最大的对象是window，所有的数据在window下活跃， 所以：全局作用域中最大的对...
JavaScript面试题（作用域、闭包、this指向、综合面试题）
筱竹的博客
11-17 3147
一、变量声明和函数声明提升 ​ 先声明，再赋值 // 变量声明提升 // 案例 var a = 10; console.log(a) // 10 // 改动一下 console.log(a) // undefined var a = 10; // 总结 只有声明本省会提升，而赋值或者其他运行逻辑会留在原来的位置 // 函数声明提升 //函数声明和变量声明都会提升，但是函数会首先被提升，然后才是变量 //案例1 var a = 1; function a(){ } .
作用域与闭包
08-21
由作用域引出的作用域链的问题, 并在此基础上讨论闭包的问题
JavaScript作用域链实例详解
12-09
本文实例讲述了JavaScript作用域链。分享给大家供大家参考，具体如下： 跟其他语言一样，变量和函数的作用域揭示了这些变量和函数的搜索路径。对于JavaScript而言，理解作用域更加重要，因为在JavaScript中，作用域...
书籍学习|基于SprinBoot+vue的书籍学习平台(源码+数据库+文档)
最新发布
JIngJaneIL的博客
05-28 634
首先,论文一开始便是清楚的论述了平台的研究内容。其次,剖析平台需求分析,弄明白“做什么”,分析包括业务分析和业务流程的分析以及用例分析,更进一步明确平台的需求。然后在明白了平台的需求基础上需要进一步地设计平台,主要包罗软件架构模式、整体功能模块、数据库设计。本项目软件架构选择B/S模式和java技术，总体功能模块运用自顶向下的分层思想。再然后就是实现平台并进行代码编写实现功能。论文的最后章节总结一下自己完成本论文和开发本项目的心得和总结。通过书籍学习平台将会使书籍学习各个方面的工作效率带来实质性的提升。
【详细介绍WebKit的结构】
cz88888888666的博客
05-23 572
WebKit是一个开源的浏览器引擎，主要用于渲染网页内容，它最初由苹果公司为其Safari浏览器开发，目前被多种浏览器和应用程序使用，包括所有基于iOS和macOS的浏览器，WebKit的设计目标是提供快速、精准且流畅的网页浏览体验。
vue 使用 export default
global_coding的博客
05-24 346
vue 使用 export default
超详细的前后端实战项目（Spring系列加上vue3）前端篇（二）（一步步实现+源码）
2301_79969279的博客
05-24 1102
好了，兄弟们，继昨天的项目之后，开始继续敲前端代码，完成前端部分昨天完成了全局页面的代码，和登录页面的代码，不过昨天的代码还有一些需要补充的，这里添加一下。
深入解析：Element Plus 与 Vite、Nuxt、Laravel 的结合使用
一个普通人
05-23 1161
Element Plus 作为一个强大的 Vue.js 组件库，可以与 Vite、Nuxt 和 Laravel 等不同的工具和框架结合使用，为开发者提供灵活、高效的开发体验。根据项目需求选择合适的工具和框架，可以极大地提升开发效率和应用性能
js知识点汇总之let const 和 var的区别
fyw1789的博客
05-23 1526
声明的变量会先在作用域中被创建出来，但因此时还未进行词法绑定，所以是不能被访问的，如果访问就会抛出错误。因此，在这运行流程进入作用域创建变量，到变量可以被访问之间的这一段时间，就称之为暂时死区。其实上面不存在变量提升的例子中，其实也是暂时性死区，因为它有暂时性死区的概念，所以它压根就不存在变量提升了。实际上保证的，并不是变量的值不得改动，而是变量指向的那个内存地址所保存的数据不得改动。中的作用域有：全局作用域、函数作用域，命令声明变量之前，该变量都是不可用的。，导致绑定这个块级作用域，
闭包中的this指向
09-15
在闭包中，`this`关键字的指向是根据函数调用的方式来确定的，而不是取决于函数是在全局作用域还是在闭包中定义。默认情况下，当函数作为全局函数调用时，`this`指向全局对象（例如在浏览器中，指向`window`对象），...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值