闭包看似很简单，其实牵扯了很多东西，例如：上下文作用域（事件处理程序）、内存占用、局部以及全局变量、回调函数以及编程模式等

首先我们谈论一个问题，为什么需要闭包？

1.var全局定义（全局污染）- 指的是同一变量名会影响到所有的同名变量。

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <title>Document</title>

    <script src="Test.js"></script>

    <!-- <script src="Tests.js"></script> -->

    <script>

        console.log(ok);

    </script>

</head>

<body>

</body>

</html>

运行好像真的没问题，没关系，我们试一试下面

//Test.js

var ok = "666";
//Tests.js
var ok = "999";

搞什么嘛，明明是不同JavaScript文件 - 牵扯到JavaScript引擎对JavaScript的处理机制。

2.ES6相对于ES5，增加了const 、let声明变量的方式（你该知道它们为什么出世的）。

//Test.js

let ok = "666";
//Tests.js

var ok = "999";

当我们其中一个js文件使用了Let同名变量声明后，浏览器报错了

说该变量已经被使用了！ 当我们更改了Tests.js同名变量以后，浏览器会作何反应呢？

//Tests.js

var oks = "999";

它显示了let定义的变量值

Let只能被变量同名定义一次，记住了！ 下面这个示例会告诉你

 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <meta name="viewport" content="width=device-width, initial-scale=1.0">

     <meta http-equiv="X-UA-Compatible" content="ie=edge">

     <title>Document</title>

     <script src="Test.js"></script>

     <script src="Tests.js"></script>

     <script>

         let ok = "000";

         console.log(ok);

     </script>

 </head>

 <body>

 </body>

 </html>

const 又是怎么回事呢？（const只能被赋值一次，且不可修改，以后可修改的只能是它的对象元素）

//Test.js

// var ok ="666";

let ok = "666";

const ju = "888";
 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <meta name="viewport" content="width=device-width, initial-scale=1.0">

     <meta http-equiv="X-UA-Compatible" content="ie=edge">

     <title>Document</title>

     <script src="Test.js"></script>

     <script src="Tests.js"></script>

     <script>

         const ju = "111";

         console.log(ju);

     </script>

 </head>

 <body>

 </body>

 </html>

什么是闭包

闭包允许你从内部函数访问外部函数的作用域。

在JavaScript中，每次创建函数时都会在函数创建时创建闭包。

要使用闭包，只需在另一个函数内定义一个函数并将其暴露。要公开一个函数，将其返回或传递给另一个函数。

即使在外部函数返回后，内部函数也可以访问外部函数作用域中的变量。

在JavaScript中，闭包是用于启用数据隐私的主要机制。当您使用闭包实现数据隐私时，封闭变量只在包含（外部）函数的范围内。

除了通过对象的特权方法外，您无法从外部范围获取数据。在JavaScript中，在闭包范围内定义的任何公开方法都是有特权的。

data-private.js

 const getSecret = (secret) => {

   return {

     get: () => secret

   };

 };

 test('Closure for object privacy.', assert => {

   const msg = '.get() should have access to the closure.';

   const expected = 1;

   const obj = getSecret(1);

   const actual = obj.get();

   try {

     assert.ok(secret, 'This throws an error.');

   } catch (e) {

     assert.ok(true, `The secret var is only available

       to privileged methods.`);

   }

   assert.equal(actual, expected, msg);

   assert.end();

 });

谈论javascript闭包的更多相关文章

  1. 《Web 前端面试指南》1、JavaScript 闭包深入浅出

    闭包是什么? 闭包是内部函数可以访问外部函数的变量.它可以访问三个作用域:首先可以访问自己的作用域(也就是定义在大括号内的变量),它也能访问外部函数的变量,和它能访问全局变量. 内部函数不仅可以访问外 ...

  2. JavaScript 闭包深入浅出

    闭包是什么? 闭包是内部函数可以访问外部函数的变量.它可以访问三个作用域:首先可以访问自己的作用域(也就是定义在大括号内的变量),它也能访问外部函数的变量,和它能访问全局变量. 内部函数不仅可以访问外 ...

  3. JavaScript闭包(Closure)

    JavaScript闭包(Closure) 本文收集了多本书里对JavaScript闭包(Closure)的解释,或许会对理解闭包有一定帮助. <你不知道的JavsScript> Java ...

  4. Javascript闭包和C#匿名函数对比分析

    C#中引入匿名函数,多少都是受到Javascript的闭包语法和面向函数编程语言的影响.人们发现,在表达式中直接编写函数代码是一种普遍存在的需求,这种语法将比那种必须在某个特定地方定义函数的方式灵活和 ...

  5. javascript闭包理解

    //闭包理解一 function superFun(){ var _super_a='a'; function subfuc(){ console.log(_super_a); } return su ...

  6. Javascript闭包深入解析及实现方法

    1.什么是闭包 闭包,官方对闭包的解释是:一个拥有许多变量和绑定了这些变量的环境的表达式(通常是一个函数),因而这些变量也是该表达式的一部分.闭包的特点:1. 作为一个函数变量的一个引用,当函数返回时 ...

  7. javascript闭包和作用域链

    最近在学习前端知识,看到javascript闭包这里总是云里雾里.于是翻阅了好多资料记录下来本人对闭包的理解. 首先,什么是闭包?看了各位大牛的定义和描述各式各样,我个人认为最容易一种说法: 外部函数 ...

  8. JavaScript闭包深入解析

    for (var i=1; i<=5; i++) { setTimeout( function timer() { console.log( i ); }, i*1000 ); } --上面这段 ...

  9. JavaScript 闭包系列二（匿名函数及函数的闭包）

    一. 匿名函数 1. 函数的定义,可分为三种 1) 函数声明方式 function double(x) {     return 2*x; } 2)Function构造函数,把参数列表和函数体都作为字 ...

随机推荐

  1. 最后一个非零数字（POJ 1604、POJ 1150、POJ 3406）

    POJ中有些问题给出了一个长数字序列(即序列中的数字非常多),这个长数字序列的生成有一定的规律,要求求出这个长数字序列中某个位上的数字是多少.这种问题通过分析,找出规律就容易解决. 例如,N!是一个非 ...

  2. 使用webpack+vue.js构建前端工程化

    参考文章:https://blog.csdn.net/qq_40208605/article/details/80661572 使用webpack+vue.js构建前端工程化本篇主要介绍三块知识点: ...

  3. 关于Maven项目的pom.xml中的依赖或插件失效的解决方法

    1.请将<dependency>标签包含的依赖从<dependencyManagement>中拿出来,单独放在<dependencies>标签里面.2.请将< ...

  4. SCOI2013 密码

    题目描述: Fish是一条生活在海里的鱼.有一天他很无聊,就到处去寻宝.他找到了位于海底深处的宫殿,但是一扇带有密码锁的大门却阻止了他的前进. 通过翻阅古籍,Fish 得知了这个密码的相关信息: 该密 ...

  5. Sql语句的一些事（二）

    与sql语句的书写顺序并不是一样的,而是按照下面的顺序来执行 from--where--group by--having--select--order by, from:需要从哪个数据表检索数据 wh ...

  6. 【转】vfork 和 fork的区别

    fork()与vfock()都是创建一个进程,那他们有什么区别呢?总结有以下三点区别: 1.  fork  ():子进程拷贝父进程的数据段,代码段     vfork ( ):子进程与父进程共享数据段 ...

  7. python 多线程并发threading & 任务队列Queue

    https://docs.python.org/3.7/library/concurrency.htmlpython程序默认是单线程的,也就是说在前一句语句执行完之前后面的语句不能继续执行先感受一下线 ...

  8. MySQL-----用户和授权管理

    用户管理: 创建用户:  create user '用户名'@'用户pc的ip地址(ip可以写精准点的,也可以是网段的,也可以写一个‘’%‘’提所有)' identified(设置密码) by '密码 ...

  9. Ubuntu中Hadoop环境搭建

    Ubuntu中Hadoop环境搭建 JDK安装 方法一:通过命令行直接安装(不建议) 有两种java可以安装oracle-java8-installer以及openjdk (1)安装oracle-ja ...

  10. Leetcode 150.逆波兰表达式求值

    逆波兰表达式求值 根据逆波兰表示法,求表达式的值. 有效的运算符包括 +, -, *, / .每个运算对象可以是整数,也可以是另一个逆波兰表达式. 说明: 整数除法只保留整数部分. 给定逆波兰表达式总 ...