作用域和闭包

・作用域

  引擎:从头到尾负责整个JavaScript的编译及执行过程。

  编译器:负责语法分析及代码生成等。

  作用域:负责收集并维护由所有声明的标识符(变量)组成的一系列查询,并实施一套非常严格的规则,确定当前执行的代码对这些标识符的访问权限。

  作用域是一套规则,用于确定在何处以及如何查找变量(标识符)。

  如果查找的目的是对变量进行赋值,那么就会使用LHS查询;

  如果目的是获取变量的值,就会使用RHS查询。

・词法作用域

  无论函数在哪里被调用,也无论它如何被调用,它的词法作用域都只由函数被声明时所处的位置决定。

  欺骗词法:两种机制。欺骗词法作用域会导致性能下降。

  eval():

  function foo(str, a) {

    eval(str);

    console.log(a, b);

  }

  var b = 2;

  foo(“var b = 3; ”, 1);

  // 1, 3

  with():

  function foo(obj) {

    with(obj) {

  a = 2;

  }

 }

  var o1 = { a: 3};

  var o2 = { b: 3};

  foo(o1);

  console.log(o1.a); // 2

  foo(o2);

  console.log(o2.a); // undefined

  console.log(a); // 2

・函数作用域和块作用域

  隐藏内部实现:可以把变量和函数包裹在一个函数的作用域中,然后用这个作用域来隐藏它们。

  最小特权原则(最小授权或最小暴露原则):最小限度地暴露必要内容,而将其他内容都隐藏起来。

  规避冲突:隐藏作用域中的变量和函数,可以避免同名标识符之间的冲突。

  包装函数:

  (function foo() {

    var a = 3;

    console.log(a);

  })();

  匿名函数:

  setTimeout(function() {…}, 1000);

  缺点:

  匿名函数在栈追踪中不会显示出有意义的函数名,使得调试困难;

  如果没有函数名,当需要引用自身时只能使用已过期的arguments.callee引用;

  匿名函数省略了对于代码可读性/可理解性很重要的函数名。

  给函数表达式指定一个函数名可以有效解决以上问题:

  setTimeout(function timeoutHandler() {…}, 1000);

  块作用域:

    let关键字可以将变量绑定到所在的任意作用域中;

    使用let进行的声明不会在块作用域中进行提升;

  提升:

    只有声明本身会被提升,而赋值或其他运行逻辑会留在原地。

    如果提升改变了代码执行的顺序,会造成非常严重的破坏;

  函数声明和变量声明都会被提升,但是函数会首先被提升;

  foo(); // 1

  var foo;

  function foo() {

console.log(1);

  }

  foo = function() {

console.log(2);

  }

  ・作用域闭包

  只要使用了回调函数,实际上就是在使用闭包;

  模块模式具备的两个必要条件:

  必须有外部的封闭函数,该函数必须至少被调用一次;

  封闭函数必须返回至少一个内部函数,这样内部函数才能在私有作用域中形成闭包,并且可以访问或者修改私有的状态;

  function CoolModule() {

    var something = “cool”;

  var another = [1, 2, 3];

  function doSomething() {

  console.log(something);

  }

  function doAnother() {

    console.log(another.join(“!”));

  }

  return {

    doSomething: doSomething,

    doAnother: doAnother

  };

 }

  var foo = CoolModule();

  foo.doSomething();

你不知道的JavaScript(作用域和闭包)的更多相关文章

  1. javascript作用域和闭包之我见

    javascript作用域和闭包之我见 看了<你不知道的JavaScript(上卷)>的第一部分--作用域和闭包,感受颇深,遂写一篇读书笔记加深印象.路过的大牛欢迎指点,对这方面不懂的同学 ...

  2. JavaScript 作用域和闭包——另一个角度:扩展你对作用域和闭包的认识【翻译+整理】

    原文地址 --这篇文章有点意思,可以扩展你对作用域和闭包的认识. 本文内容 背景 作用域 闭包 臭名昭著的循环问题 自调用函数(匿名函数) 其他 我认为,尝试向别人解释 JavaScript 作用域和 ...

  3. 你不知道的JavaScript --- 作用域相关

    本篇是<你不知道的JavaScript>的读书笔记 什么是作用域? 程序离不变量,那么变量存储在哪里?程序需要时如何找到他们? 这些问题说明需要一套设计良好的规则来存储变量, 并且之后可以 ...

  4. JavaScript作用域和闭包

    在JavaScript中,作用域是执行代码的上下文.作用域有3种类型: 1.全局作用域 2.局部作用域---(又叫函数作用域) 3.eval作用域 var foo =0;//全局作用域console. ...

  5. 举例详细说明javascript作用域、闭包原理以及性能问题(转)

    转自:http://www.cnblogs.com/mrsunny/archive/2011/11/03/2233978.html 这可能是每一个jser都曾经为之头疼的却又非常经典的问题,关系到内存 ...

  6. JavaScript 作用域和闭包

    作用域的嵌套将形成作用域链,函数的嵌套将形成闭包.闭包与作用域链是 JavaScript 区别于其它语言的重要特性之一. 作用域 JavaScript 中有两种作用域:函数作用域和全局作用域. 在一个 ...

  7. javascript作用域、闭包、对象与原型链

    原文作者总结得特别好,自己收藏一下.^-^ 1.作用域1.1函数作用域JS的在函数中定义的局部变量只对这个函数内部可见,称之谓函数作用域.它没有块级作用域(因此if.for等语句中的花括号不是独立作用 ...

  8. javascript作用域与闭包

    Javasript作用域概要 在javascript中,作用域是执行代码的上下文,作用域有三种类型: 1)  全局作用域 2)  局部作用域(函数作用域) 3)  eval作用域 var foo = ...

  9. JavaScript作用域与闭包总结

    1.全局作用域 所有浏览器都支持 window 对象,它表示浏览器窗口,JavaScript 全局对象.函数以及变量均自动成为 window 对象的成员.所以,全局变量是 window 对象的属性,全 ...

  10. javascript——作用域与闭包

    http://www.cnblogs.com/lucio-yr/p/4047972.html 一.作用域: 在函数内部:用 var 声明的表示局部变量,未用var的是全局变量. 作用域取决于变量定义时 ...

随机推荐

  1. 个人整理--Java编码规范

    编码规范对于开发人员来说是非常重要的,有以下几个原因: 1.一个软件的生命周期中,80%的花费在于维护 2.几乎没有任何一个软件,在其整个生命周期中,均由最初的开发人员来维护 3.编码规范可以改善软件 ...

  2. awr报告

    BEGIN DBMS_WORKLOAD_REPOSITORY.CREATE_SNAPSHOT();END;/ exec DBMS_WORKLOAD_REPOSITORY.CREATE_SNAPSHOT ...

  3. TF卡格式化8G格式化时候变成128KB的解决办法

    我的8GC6卡,APPS2SD后,因为不满意分区容量,所以就想删除分区重新分配容量. 删除分区方法:我的电脑---管理---磁盘管理--里删除了EXT3分区, 结果导致TF卡变成FAT格式且没有容量. ...

  4. 站内信,群发与全部发送。Gson解析result

    /** * 发送站内信 */@Permission(Module.TZGL)@RequestMapping(value = "/sendznx", method = Request ...

  5. Android更新UI的几种方式

    之前做过一个Android采集心电图数据的程序,那才是真正的多线程,之前写的小程序:比如下载个文件,从socket接受大一点的数据流然后在ui上更新进度,我都感觉这就叫做多线程了,其实这啥都不算,用个 ...

  6. 使用downloadmanager调用系统的下载

    /** * 文件名 UpdateDownload.java * 包含类名列表 com.issmobile.numlibrary.tool * 版本信息  版本号  * 创建日期 2014年7月14日  ...

  7. POJ 1986(LCA and RMQ)

    题意:给定一棵树,求任意两点之间的距离. 思路:由于树的特殊性,所以任意两点之间的路径是唯一的.u到v的距离等于dis(u) + dis(v) - 2 * dis(lca(u, v)); 其中dis( ...

  8. spring 读取properties的两种方法

    一:直接使用context命名空间 <beans xmlns="http://www.springframework.org/schema/beans" xmlns:xsi= ...

  9. python学习之-成员信息增删改查

    python学习之-成员信息增删改查 主要实现了成员信息的增加,修改,查询,和删除功能,写着玩玩,在写的过程中,遇到的问题,旧新成员信息数据的合并,手机号和邮箱的验证,#!/usr/bin/env p ...

  10. 重装系统时,将MBR分区转为GPT 分区

    摘要 很多同学在重装系统的时候,或多或少都遇到过这样的问题:镜像文件没有问题,软碟通刻录也没有问题,但偏偏就在选择安装系统盘盘符的时候,跳出对话框,提示:Windows无法安装到这个磁盘,选中的磁盘具 ...