作用域 & 作用域链(ES6学习笔记)

最新推荐文章于 2022-11-17 15:36:16 发布
最新推荐文章于 2022-11-17 15:36:16 发布
阅读量268 收藏
点赞数 1
文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/LeBinn/article/details/115913841
版权
本文详细介绍了JavaScript中的作用域，包括全局作用域、函数作用域和ES6新增的块级作用域，并强调了ES5中使用IIFE（立即执行匿名函数）的原因及其在ES6中不再必要的事实。同时，文章阐述了作用域链的概念，说明了JavaScript如何通过作用域链查找变量的过程。
摘要由CSDN通过智能技术生成

作用域

1. 全局作用域
  • 浏览器窗口
  • 在所有函数之外定义的变量
2. 函数作用域
  • 在函数中声明的变量（包括函数参数）
3. 块级作用域
  • “{ }”界定的代码区域，一对{ }即为一个块级作用域。
  • ES6允许块级作用域任意嵌套。
  • 内层作用域的变量名，可与外层作用域的变量同名。
ES5中的IIFE（立即执行匿名函数）不再必要了。
  • a) ES5没有块内作用域，只能用函数，但函数只能调用而不能立即执行，故此有了立即执行匿名函数，得以让此函数可以不需调用就能执行。
  • b) 立即执行函数：( function(x){ } )( x );
  • c) 可以理解为IIFE = 块级作用域“{}"
    ES5只有全局作用域和函数作用域

作用域链

1. 每一段JS代码都有一个与之相关的作用域链
2. JS查找变量时，会从当前作用域开始向作用域链上找，直到找到变量的声明为止，若未找到，则报错。
//作用域链
最低0.47元/天 解锁文章
LeBinn
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript中的作用域及作用域链（es6）
helongzhi的博客
07-04 338
JavaScript中的作用域及作用域链（es6）
ES6 全局作用域和作用域链
wangmengsasa的博客
07-09 280
ES6 作用域
【ES6】ES6中的作用域
默默的小跟班的博客
07-28 1336
1. window全局作用域 全局变量 var abc = 123; bcd = 234; // var 定义的这个abc肯定是全局变量。 且是挂在window下面的。 window.abc可以访问到 // bcd不直接定义，也是挂在在window下，可以访问到。 window.bcd window是个全局对象。 // 区别，bcd不能说是变量，只能说是window的属性； 变量不能删除，属性可以删除 delete abc; // false 也可以是 delete wi
ES6入门之作用域
developer的博客
07-05 135
在es5中，要用立即函数形成一个闭包才能隔离一块区域((function() { const foo = function() { return 1 } console.log("foo()===1", foo() === 1) ;((function() { const foo = function() { ...
javaScript的模块介绍 ，ES6模块，作用域和作用域链，
最新发布
li_gui_s的博客
11-17 502
javaScript的模块介绍 ，ES6模块，作用域和作用域链，
深入理解ES6学习笔记之块级作用域绑定
12-09
在JavaScript的世界里，ES6（ECMAScript 2015）引入了一项重要的更新，那就是块级作用域。这是为了克服JavaScript中的变量提升（hoisting）...在学习ES6时，深入理解块级作用域对于编写更高效、更安全的代码至关重要。
ES6 学习笔记.pdf
07-05
本次学习笔记中涉及的知识点主要涵盖了ES6的关键特性，包括变量声明、字符串和正则表达式、函数、对象、异步处理、数组、模块化等。 1. 块级作用域 在ES6之前，JavaScript只有一种作用域，即函数作用域。这使得变量...
Javascript学习笔记之函数篇（六） : 作用域与命名空间
10-25
- **块级作用域**：JavaScript原生不支持块级作用域，但ES6引入了`let`和`const`关键字，它们创建了块级作用域。在`if`、`for`等控制结构内部使用`let`定义的变量仅在该块内有效。 2. **变量提升（Hoisting）** -...
ES5和ES6作用域详解
weixin_34221773的博客
11-07 870
ES5的作用域 变量起作用的范围，js中能创建作用域的只能是函数 { let a = 1; var b = 2; } console.log(a); // a is not defined console.log(b); // 2 var的作用域就是所在的函数体 let的作用域就是所在的代码块 词法作用域和函数作用域 当代码写好...
JS进阶 十二——作用域，作用域链及执行上下文
weixin_44154094的博客
02-15 165
1.作用域 1.1 理解 就是一块"地盘", 一个代码段所在的区域 它是静态的(相对于上下文对象), 在编写代码时就确定了 1.2 分类 全局作用域 函数作用域 没有块作用域(ES6有了) 1.2 作用 隔离变量，不同作用域下同名变量不会有冲突 var a = 10, b = 20 function fn(x) { var a = 100, c = 300; console.log('fn()', a, b, c, x) //100, 20, 300,
JS的作用域链、闭包及举例说明
杜伊沫的博客
04-12 504
作用域链是什么？、 1、每个函数中都会有一个[[ scope]]属性，这个属性指向一个作用域链，这个作用域链里面存有自己的作用域地址、全局的作用域地址，是一个集合 2、当一个函数被定义之后就会存在作用域链，当一个函数开始执行时就会将自己的上下文执行环境放在作用域链的最顶端 为什么要引入闭包？ 我们知道JS只有两种作用域，即全局作用域和局部作用域，所以在函数内部的变量只在它当前的作用域内有效，也就是...
JavaScript学习（四） —— 作用域、作用域链
sonic
01-26 296
因为ES6有了块级作用域，我们还是以ES5为基础。回顾一下前一篇文章变量对象、活动对象，其中有关于在函数级作用域中变量提升和函数提升的JS特性的部分内容。本文结合之前几篇系列文章，讨论和作用域、作用域链有关的问题。
[ES6] 立即执行函数 / 自执行函数
qq_14993591的博客
09-14 858
立即执行函数 / 自执行函数 在封装函数的同时 就 立即执行函数 语法： ( 匿名函数程序 )(); !匿名函数程序(); ~匿名函数程序(); (function (){console.log(111)})(); !function (){console.log(222)}(); ~function (){console.log(333)}(); (function (name){console.log(name)})('李四'); ...
JavaScript中的作用域链详解
热门推荐
charlene0824的博客
08-19 1万+
题外话：最近面试一直被问到作用域链的问题，所以还是要深入透彻的学习一下这两个概念。作用域链在红宝书中对作用域链的描述有这么一段话：当代码在一个环境中执行时，会创建变量对象的一个作用域链。作用域链的用途是保证对执行环境有权访问的所有变量和函数的有序访问。作用域链的前端始终是当前执行的代码所在环境的变量对象。如果这个环境是函数，则将其活动对象作为变量对象。活动对象在最开始时只包含一个变量，即argume
ES6(二: 变量作用域)
JUSTIN的博客
09-24 886
let命令 首先来看一个例子 if(true){ var a =3; } console.log(a); // 3 if(true){ let b =3; } console.log(b); // ReferenceError: b is not defined 这是babel编译结果 if (true) { var a = 3; } console.lo
JS作用域
weixin_43887184的博客
04-14 263
1 - 作用域 1.1 作用域概述 通常来说，一段程序代码中所用到的名字并不总是有效和可用的，而限定这个名字的可用性的代码范围就是这个名字的作用域。作用域的使用提高了程序逻辑的局部性，增强了程序的可靠性，减少了名字冲突。 JavaScript（es6前）中的作用域有两种： 全局作用域 局部作用域（函数作用域） 1.2 全局作用域 作用于所有代码执行的环境(整个 script 标签内部)或者...
ES6块级作用域
zhouyuzhu666的博客
10-04 298
一、在es5语法中，只有全局作用域和函数作用域，是没有块级作用域这个概念的，从而会导致一些特殊的情况 1、内层变量可能会覆盖外层变量 var tmp = new Date(); function f() { console.log(tmp); if(false){ var tmp = 'hello word'; } } f()//undefined 2、用来计数的循环变量泄露为全局变量 var s = 'hello'; for(var i = 0; i < s
浏览器工作原理(10)-作用域链和闭包
ES6之super关键字详解
08-09 291
上一篇文章我们分析了块级作用域是 通过创建执行上下文中变量环境和词法环境来实现的，这次我们来分析一下作用域链的概念 作用域链是理解闭包的基础，且闭包在JavaScript中无处不在，接下来一起看看什么是 作用域链 ，然后通过作用域链进而掌握 闭包的概念 话不多说，看下面一段代码： function bar() { console.log(myName) } function foo() { var myName = "inner" bar() } var myName = "ou.
JavaScript ES6 学习笔记：块级作用域、Promise、Class 等核心知识点
ES6 学习笔记 **块级绑定** 在 ES6 中，引入了块级绑定（Block Scope），解决了 var 声明变量的问题。块级绑定使得变量的作用域限定在当前块中，不会污染全局对象。 **变量声明** 在 ES6 中，引入了 let 和 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值