美文网首页
JavaScript 之 作用域、闭包

JavaScript 之 作用域、闭包

作者: 老95 | 来源:发表于2017-04-21 21:50 被阅读0次

作用域

全局作用域:

        如果变量的作用域是全局的,就意味着该变量可以在任何的位置被访问到。不单独属于某一个函数的变量就是一个全局变量,在任何位置都(普通函数中、构造函数中、字面量对象中)可以访问到这个变量。

局部作用域:

       在函数中定义的变量作用域是局部的,该变量只能在当前作用域中和内部嵌套的作用域中访问到,在上级作用域和其他的兄弟级作用域中无法访问。

       在函数中使用var定义的变量是局部变量。

      注意:在js中块级(也就是大括号)的概念并不像其他语言那样完善(ECMAScript6中完善了这个概念),在其他语言中,一对大括号中的变量就是一个局部变量,但是在js中只有在一个函数中定义的变量才是一个局部变量。即在js语言中,没有‘块级’的概念。

       什么是块级?

      在其他语言中,一组大括号包裹的范围就是块级,我们可以使用块级来确定一个变量的作用域范围。但在js中,没有块级的概念,所以只能使用函数来确定一个作用域的范围。

       eg.

          vara = 12;

           for(var i = 0; i < 5; i++) {

                var a = i;//此处的a因为和外部的a同处于全局作⽤用域,所以会覆盖外部的a

            }

           alert(a);// 4

作用域链

        JS中的变量查询的一种机制。在某个位置访问某个变量时,如果当前作用域中没有定义该变量,则启动作用域链,向上级作用域查询,一直查询到全局作用域,如果在某一级中找到该变量,就会输出;没有找到,就报错:变量未定义(not defined)。

1、undefined:在只定义了变量但是没有给变量赋值的情况下,访问该变量。结果就是undefined(一个已定义的变量标准是:

        1>、在内存中开辟内存空间;

        2>、数据类型确定。js中定义变量时开辟内存空间,而确定变量类型是由赋值的类型确定的)

这样输出的结果均是button3

解决方案:


2、变量提升机制

        在js代码正式执行之前,会把当前作用域中的所有定义操作先执行起来,等真正的执行到了相关定义并赋值变量的代码时,才真正的给变量赋上值。变量提升提升的是当前作用域中的所有定义操作(包括定义变量、定义对象、定义函数、定义数组......)

     eg.

匿名函数

 概念:

        没有函数名字的函数是匿名函数,区分:具名函数,有函数名的函数

匿名函数的执行方式?

1>、通过实践调用执行

           例如:通过事件调用执行

2>、通过变量名:把匿名函数赋给一个变量来执行 


3>、通过定时器等系统函数执行

4>、函数自调用执行

匿名函数的使用场景?

1>、把函数当做事件函数时,使用匿名函数

2>、把函数当做另一个函数的参数时,使用匿名函数(定时器)


3>、把函数当做另一个函数的返回值时,使用匿名函数(闭包)

创建一个匿匿名函数

闭包

       概念:闭包能够读取其他函数内部变量。

      闭包就是函数的局部变量集合,只是这些局部变量在函数返回后会继续存在。

      闭包就是就是函数的“堆栈”在函数返回后并不释放,我们也可以理解为这些函数堆栈并不在栈上分配而是在堆上分配。

      当在一个函数内定义另外一个函数就会产生闭包。

闭包的用途:

     1>、可以在全局作用域读取函数内部的变量

     2>、让这些局部变量的值始终保持在内存中。

     3>、通过闭包模拟一个块级作用域

     4>、利用闭包解决使用循环添加事件的Bug

            eg. 全局作用域读取局部变量的示例

             注:

                f1是f2的父函数,而f2被赋给了一个全局变量,这导致f2始终在内存中,而f2的存在依   赖于f1,因此f1也始终在内存中,不会在调用结束后,被垃圾回收机制(garbage collection)回收。

资料:伯乐在线。 http://web.jobbole.com/89134/

相关文章

  • 2018-01-07 关于javascript闭包和作用域的理解

    关于 javascript 闭包的一些思考 作用域 词法作用域 函数作用域 块作用域 闭包 什么是作用域? 作用域...

  • 2018-07-11

    深入理解闭包: 一、变量的作用域 要理解闭包,首先必须理解Javascript特殊的变量作用域。 变量的作用域无非...

  • 学习JavaScript闭包和作用域笔记

    JS JavaScript闭包和作用域 闭包 JavaScript高级程序设计中对闭包的定义:闭包是指有权访问另外...

  • 作用域闭包

    概览 背景知识:JavaScript内存管理、JavaScript作用域。 内容 1 闭包定义 闭包:当函数可以记...

  • JavaScript 作用域

    概览 背景知识:JavaScript内存管理、JavaScript作用域。 内容 1 闭包定义 闭包:当函数可以记...

  • js闭包问题

    javascript 闭包的概念,闭包的作用,闭包经典面试题详解(配图解) 函数作用域(闭包前置知识) 要彻底弄懂...

  • 闭包、定时器

    一、什么是闭包? 有什么作用 1.变量的作用域  要理解闭包,首先必须理解JavaScript的变量作用域。变量的...

  • JavaScript深入理解-闭包(Closure)

    推荐文章:学习Javascript闭包(Closure)- 阮一峰javascript深入理解-从作用域链理解闭包...

  • 你不可不知道的 JavaScript 作用域和闭包

    原文出处:JavaScript Scope and Closures 作用域和闭包是 JavaScript 中重要...

  • JavaScript中的闭包

    1.什么是闭包 要理解什么是闭包,就得先理解变量的作用域。在JavaScript中,有两种作用域,全局作用域和函数...

网友评论

      本文标题:JavaScript 之 作用域、闭包

      本文链接:https://www.haomeiwen.com/subject/isrjzttx.html