首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

JS学习系列 03 - 函数作用和块作用

在 ES5 及之前版本,JavaScript 只拥有函数作用,没有块作用(with 和 try...catch 除外)。在 ES6 中,JS 引入了块作用,{ } 内是单独一个作用。...采用 let 或者 const 声明变量会挟持所在块作用,也就是说,这声明关键字会将变量绑定到所在任意作用域中(通常是 {...} 内部)。 今天,我们就来深入研究一下函数作用和块作用。...函数作用 函数作用含义是指,属于这个函数任何声明(变量或函数)都可以在这个函数范围内使用及复用(包括这个函数嵌套内作用)。...总结 函数是 JavaScript 中最常见作用单元。块作用指的是变量和函数不仅可以属于所处函数作用,也可以属于某个代码块。...本质上,声明在一个函数内部变量或函数会在所处作用域中“隐藏”起来,这是有意为之良好软件设计原则。 有些人认为块作用不应该完全作为函数作用替代方案。

1.6K10

JS学习系列 03 - 函数作用和块作用

在 ES5 及之前版本,JavaScript 只拥有函数作用,没有块作用(with 和 try...catch 除外)。在 ES6 中,JS 引入了块作用,{ } 内是单独一个作用。...采用 let 或者 const 声明变量会挟持所在块作用,也就是说,这声明关键字会将变量绑定到所在任意作用域中(通常是 {...} 内部)。 今天,我们就来深入研究一下函数作用和块作用。...函数作用 函数作用含义是指,属于这个函数任何声明(变量或函数)都可以在这个函数范围内使用及复用(包括这个函数嵌套内作用)。...总结 函数是 JavaScript 中最常见作用单元。块作用指的是变量和函数不仅可以属于所处函数作用,也可以属于某个代码块。...本质上,声明在一个函数内部变量或函数会在所处作用域中“隐藏”起来,这是有意为之良好软件设计原则。 有些人认为块作用不应该完全作为函数作用替代方案。

10810
您找到你想要的搜索结果了吗?
是的
没有找到

js函数作用和闭包

1、定义 作用(scope)指的是变量存在范围。...2、分类: 在 ES5 规范中,Javascript 只有两种作用: 一种是全局作用,变量在整个程序中一直存在,所有地方都可以读取; 另一种是函数作用,变量只在函数内部存在。...在函数内部定义变量,外部无法读取,称为“局部变量”(local variable) javaScript 语言特有"链式作用"结构(chain scope),子对象会一级一级地向上寻找所有父对象变量...4、作用规则 {}不产生一个作用,定义函数才会产生一个函数作用 函数在执行过程中,先从自己内部找变量 如果找不到,再从创建当前函数所在作用去找, 以此往上 var a = 1 function...由于for循环不会产生一个作用,所以可以不用return。

1.4K20

JS作用作用

JS作用就是在一定空间范围内对数据进行读写操作。 在JS中一个变量作用(scope)是程序中定义这个变量区域。 变量有全局变量和局部变量两种。...注:这边“定义”,我认为有“创建与下定义”意思,比如定义一个函数,定义一个方法,都是先创建一个函数,再给它里面添加一些东西。 下面就要借助JS作用链来更好理解作用了。...此外还要讲下JS作用域中块级作用JS中是没有块级作用这个概念。 什么是块级作用呢?...JS并不支持块级作用,它只支持函数作用,而且在一个函数任何位置定义变量在该函数任何地方都是可见。 那么JS又该怎么拥有块级作用呢?...根据“在一个函数中定义变量,当这个函数调用完之后,变量会被销毁”特性,来模拟出JS块级作用

4.1K30

JS基础——作用作用

作用 [[scope]],函数定义时自动生成一个隐式属性,是用来存储函数作用链 Scope Chain容器。作用链是用来存储函数执行上下文 AO和全局执行上下文 GO容器。...函数被定义时,系统会为函数生成[[scope]],[[scope]]中保存该函数作用链,并从该作用起始位置开始存储当前环境作用链。...函数被定义后&将要执行前会生成函数本身AO,并将其插入作用起始位置。...函数a被执行时,此时函数b也被定义,函数b[[scope]]也在此时生成,其中存储函数b作用链,并将当前环境作用链插入函数b作用起始位置,即函数aAO和GO。...函数b执行前一刻,会生成函数bAO,插入到函数b作用起始位置。 函数b执行完毕,函数bAO被销毁,函数b回归到被定义状态。

3.5K10

JS作用

JavaScript作用有全局作用和局部作用 先通过一下代码来体验下作用 var x = 1; function f1(){ var y = 2; x = 10; console.log...ReferenceError: y is not defined at :7:13 上述代码中变量x就是全局作用,方法f1作用也是全局,f1方法中变量y是局部,y作用范围仅限f1方法体内...,离开了f1方法体作用范围,就无法获取到y值,所以上述例子中最后打印y时候是undefined 我们再来看下面的例子 var a = 1; function f1(){ console.log...不管怎样我们来对上述代码进行一下预解析, 1)定义全局变量a 2)定义全局函数f1 3)给全局变量a赋值为10 4)运行f1 4-1)定义局部变量b,当前b值为undefined 4-2)定义局部变量...所以b值为NaN(Not a Number) 4-5)给局部变量a赋值为20 4-6)给局部变量c进行赋值,使用a+1表达式结果进行赋值,由于上一步局部变量a值为20,所以a+1表达式值为

9610

全局作用函数作用、块级作用理解

1.前言 作用是任何一门编程语言中重中之重,因为它控制着变量与参数可见性与生命周期。很惭愧,我今天才深入理解JS作用..我不配做一个程序员.....开玩笑,什么时候理解都不晚,重要是理解了以后能不能深深地扎在记忆里,不能,那就写下来 2.块级作用 在一个代码块(括在一对花括号中一组语句)中定义所有变量在代码块外部是不可见。...ES6中新增概念,在ES5中是没有的,ES5中没有? 没有的时候我们代码也写好好,现在新增概念,我不用不行吗? 来,拋一个典型问题出来,你就明白块级作用出现重要性了。...在ES5时代,还没有块级作用这个概念,但是当时也有一种解决方法,那就是.. .. .. .. .....,是可以修改内部属性,数组同理; 5.总结 主要总结一下块级作用、以及块级作用出现意义,方便更好记住。

3K10

js 函数作用与this 指向实例 原

函数定义分为2种,(1)直接定义-window 下,内部定义;(2)对象方法(或对象原型方法),下面的函数fn1与fn2 是直接定义函数, doFunction是对象定义方法,这2种情况使用...//MyObj下name }; 代码输出结果: window下name window下name MyObj下name JS容易犯错this和作用 var someuser = {...; f1(); // 输出 top var f2 = function() { var scope = 'f2'; f1(); }; f2(); // 输出 top 上面解释:静态作用含义是函数作用嵌套关系由定义时决定而不是调用时决定...,又称为词法作用函数f1在查找变量定义时,在语法分析时就已经完成,而不需要等到f1被调用时候才开始 上面的例子如果增加var scope = 'top1';则f2(); // 输出 top1,因为...但执行ss()时,作用链是: ss()->t()->window,所以name是”tlwy" var myvar = "my value"; (function() { console.log

75820

函数作用和块作用

函数作用 很对人认为 JavaScript 具有基于函数作用,意味着每声明一个函数都会为其自身创建一个气泡,而其他结构不会创建作用气泡。但事实上并不完全正确!...实际结果就是在整个代码片段得到周围创建了一个作用气泡,也就是说这段代码中任何声明都将绑定在整个新创建包装函数作用里,而不是先前所在作用 为什么隐藏“变量”和“函数”是一个非常有用技术。...函数作用 在任意代码片段外部添加包装函数,可以将内部变量和函数定义“隐藏”起来,外部作用无法访问包装函数内部任何内容。虽然这种技术可以解决一些问题,但是它并不理想,因为会导致一些额外问题。...块作用 尽管函数作用是最常见作用单元,但是其他类型作用单元也是存在,并且通过使用其他类型作用单元甚至可以实现维护起来更加优秀、简洁 除 JavaScript 外很多编程语言都支持块作用...本质上,声明一个函数内部变量或函数会在所处作用隐藏起来,这是有意为之良好软件设计原则。 但函数不是唯一作用单元。块作用指的是变量和函数不仅可以属于所处作用,有可以属于某个代码块。

2.4K20

JS进阶:作用作用

作用(Scope) 1.什么是作用 作用是在运行时代码中某些特定部分中变量,函数和对象可访问性。换句话说,作用决定了代码区块中变量和其他资源可见性。...2.全局作用函数作用 在代码中任何地方都能访问到对象拥有全局作用,一般来说以下几种情形拥有全局作用: 最外层函数 和在最外层函数外面定义变量拥有全局作用 var outVariable...全局作用有个弊端:如果我们写了很多行 JS 代码,变量定义都没有用函数包括,那么它们就全部都在全局作用域中。这样就会 污染全局命名空间, 容易引起命名冲突。...因为放在里面的所有变量,都不会被外泄和暴露,不会污染到外面,不会对其他库或者 JS 脚本造成影响。这是函数作用一个体现。...函数作用,是指声明在函数内部变量,和全局作用相反,局部作用一般只在固定代码片段内可访问到,最常见例如函数内部。

2.6K20

js作用

前言 相信自从es6出来之后,你一定多少知道或者已经在项目中实践了部分块级作用,在函数或者类内部命名变量已经在使用let了,但是你知道它真正作用是什么吗?...es6之前作用 特点1 :js只有函数作用以及全局两种 特点2 :不通过var声明变量直接赋值也可以用并且可以访问,原理是直接赋值到了window对象属性变量下,两者如果同时定义,那么会覆盖使用...,函数内可以访问外部作用,而全局是不可以访问函数作用变量或者方法 var a=b=c=12 function demo(){ var z=13 console.log(b)//12...,利用了函数链接作用特点,同时可以对外暴露部分,将我们需要部分保留在内存中。...,利用let块级作用特性,区别就是定义变量时 i是块级变量,所以定义函数变量也是当时块级作用,不随外面非块级元素值变化影响 var arr=[] for(let i=0;i<10;i++)

3.2K20

了解 JS 作用作用

JS中使用是词法作用(lexical scope) 不在任何函数内声明变量(函数内省略var也算全局)称作全局变量(global scope) 在函数内声明变量具有函数作用(function...(name); //two 函数作用,就是说函数是一个作用基本单位,js不像c/c++那样具有块级作用 比如 if  for 等 function test(){ for(var i=0;i...JS声明提前 js函数作用是指在函数内声明所有变量在函数体内始终是可见。...引入一大段话来解释: 每一段js代码(全局代码或函数)都有一个与之关联作用链(scope chain)。 这个作用链是一个对象列表或者链表,这组对象定义了这段代码中“作用域中”变量。...作用链举例: 在js最顶层代码中(也就是不包括任何函数定义内代码),作用链由一个全局对象组成。

2K10

js作用详解

atest其实是一个window对象下方法对象 var 局部变量作用 var 声明一个对象,只作用当前作用以下。...同时,在子作用声明方法,只能在当前作用或者下层作用调用 闭包函数,闭包作用 闭包函数,又称匿名函数,例如:     (function () {         var a...在闭包函数中声明变量,只能在闭包函数作用,以及下层作用使用,可通过return 对象中,通过return对象中声明方法进行返回,使得上级作用能成功访问到闭包作用变量 return作用变量访问情况...2:js作用是往下通用,下层作用可访问上层作用变量,并可修改值 3:js下层作用变量和上层同名冲突时,下层作用将覆盖上层变量,但上层作用访问不受影响 4:不适用var方法定义变量,...都属于全局变量,也就是window对象属性 5:可通过window.方法定义全局变量 6:在顶层作用声明函数,其实就是window对象方法 7:闭包在首次声明时,需要加括号自动调用,否则不能调用

2.5K10

原生JS | 作用

HTML5学堂-码匠:作用那些必须掌握知识,还有大量作用案例练习与分析,快快进来! 作用基础知识 在JavaScript中,每个变量会有一个有效区域(范围),这个就是作用。...一个变量在其作用内是可以被访问,在作用域外不能被访问。 全局作用与局部作用 变量执行环境有两种:一种是全局,另一种是局部(如:放在函数里面)。...不同作用访问关系 在函数内部声明变量(局部变量),在函数外部并不能访问。在函数外部声明变量,在函数内部可以访问。 一句话概括:“局部可以访问全局,但全局不能访问局部”。...当有多层作用时,深层作用域中查找变量时,会按照“当前作用”到“上层作用”再到“全局作用顺序进行查找,这个查找顺序就可以理解为作用链。...var进行变量声明,此时在函数这个局部作用当中,并没有user这个存储空间,之后按照“作用链”向上翻找,也就是在全局(window)作用当中进行查找。

4.7K50

重学JS-8-函数作用、闭包

思维导图 通过下面的思维导图,我们先对JavaScript函数作用、闭包一些基本了解。 函数作用 作用决定了变量可访问性,全局作用,局部作用函数作用)。...let和const具有块作用,块级作用包括在函数内部和在一个代码块内部。 作用链 表示不同作用里面,有多个同名变量,变量优先次序。...也就是说,闭包让你可以在一个内层函数中访问到其外层函数作用。在 JavaScript 中,每当创建一个函数,闭包就会在函数创建同时被创建出来。...词法环境 词法环境(Lexical Environment)是作用内部(隐藏)关联对象。...对 外部词法环境 引用,与外部代码相关联。 函数执行,可以分为创建词法环境阶段和执行阶段。 创建阶段 创建作用链、变量对象、决定this。 执行阶段 变量赋值、函数引用等。

35420

函数作用

什么是函数声明前置 (1)变量声明前置 所谓变量声明前置就是在一个作用块中,所有的变量都被放在块开始出声明。...和变量声明前置一样,执行代码之前会先读取函数声明,只要函数在代码中进行了声明,无论它在哪个位置上进行声明,js引擎都会将它声明放在范围作用顶部。...js引擎将函数名视同变量名,所以采用function命令声明函数时,整个函数会像变量声明一样,被提升到代码头部(用function声明函数函数声明会前置)。所以下面的代码不会报错。...它目的只有两个:一是不必为函数命名,避免了污染全局变量;二是IIFE内部形成了一个单独作用,可以封装一些外部无法读取私有变量。...[4] fn2 作用为 fnContext a = 20 // 改变了 fnContext 中 a 为 20 } console.log(a) // 20

83140

Kotlin | 作用函数

什么是作用函数(Scope Functions)? Kotlin 标准库包含了几个特殊函数,其目的是在调用对象上下文环境(context)中执行代码块。...当你在提供了 lambda 表达式对象上调用此类函数时,它会形成一个临时作用。在此作用内,你可以在不使用其名称情况下访问该对象,这些函数被称为作用函数。...由于这 5 个作用函数性质有些相似,所以大家可能经常不知道在哪种情况下该使用哪个函数,以至于最终放弃使用作用函数?,所以为了避免类似悲剧发生,我们首先来讨论一下他们之间区别以及使用场景。...区别 由于作用函数本质上非常相似,因此理解它们之间差异非常重要。...以下是它们之间差异表,以帮助你选择合适作用函数 函数 对象引用 返回值 扩展函数 let it lambda 结果 是 run this lambda 结果 是 run - lambda 结果

91630
领券