ES5-6 作用域、作用域链、预编译、闭包基础

1. 作用域

  • 上一级在执行时,内部函数被定义,内部函数便生成作用域和作用域链(拿上一级的环境),内部函数执行前生成自己的AO,并排在头部
  • 函数执行结束时,AO被销毁(回到被定义时的状态)
  • 上一级函数销毁时,AO被销毁(其中含内部函数,和其作用域)
  • 作用域链里存的是AO、GO的引用
    在这里插入图片描述
  • 每个函数在被定义时,就包含了全局上下文GO,即使这时函数还没被执行
    在这里插入图片描述
  • a函数在被执行的前一刻,做预编译

在这里插入图片描述

  • b函数被定义时,它的作用域链和a函数是一样的(同理a函数被定义时,a的作用域链是GO)
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

2. 闭包

  • 闭包的定义:闭包是指有权访问另一个函数作用域中的变量的函数(并不是只有函数内返回函数的情况才是闭包
  • 一个函数和对其周围状态(lexical environment,词法环境)的引用捆绑在一起(或者说函数被引用包围),这样的组合就是闭包(closure)。也就是说,闭包让你可以在一个内层函数中访问到其外层函数的作用域。在 JavaScript 中,每当创建一个函数,闭包就会在函数创建的同时被创建出来。
function init() {var name = "Mozilla"; // name 是一个被 init 创建的局部变量function displayName() { // displayName() 是内部函数,一个闭包alert(name); // 使用了父函数中声明的变量}displayName();
}
init();
  • 闭包拉扯着父级函数的AO不释放,闭包的函数运行在哪个环境,这个环境就能访问到被拉扯着的AO
    在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

  • test2被放到了全局,无法跟着test1销毁
    在这里插入图片描述
    在这里插入图片描述

  • 内存泄漏:内存越来越少
    在这里插入图片描述

  • 闭包可以做数据缓存
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

  • 闭包:也就是内部能拉扯外部AO的函数,能在全局被访问,那么直接把它添加到全局,也能有一样的效果
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/251201.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

electron 项目的搭建方式,借助 node 和 npm

1,首先确定安装了 node 和 npm 2,创建一个文件夹,如 aa 3,CMD 命令进入到 aa,用 npm 命令初始化一个项目 4, npm -init 根据提示完成配置 5,安装 electron > npm i -D electronlatest, 这一…

zbb20171215 git 版本回退

1. 使用git log命令查看所有的历史版本,获取某个历史版本的id,假设查到历史版本的id是139dcfaa558e3276b30b6b2e5cbbb9c00bbdca96。 2. git reset --hard 139dcfaa558e3276b30b6b2e5cbbb9c00bbdca96 3. 把修改推到远程服务器 git push -f -u origin ma…

ES5-7 立即执行函数、闭包深入、逗号运算符

1. 立即执行函数 定义在全局的函数只有关闭浏览器或者退出程序才会释放IIFE: Immediately-Invoked Function Expression解决页面加载自动执行,执行完成后立即释放(避免了只会执行一次的内容一直存在于全局)IIFE用匿名函数或者函数声明&#…

es6 --- 解构赋值的简洁性

设想你有一个工具foo,它可以异步产生两个值(x和y): function getY(x) {return new Promise( function(resolve, reject) {setTimeout( function() {resolve( (3*x) -1 );}, 100);}); }function foo(bar, baz) {var x bar * baz;return getY(x).then( function(y){return [x, …

redis安装(linux)

一、redis安装步骤 1、yum install gcc 如果你机器已经安装了编译环境请忽略,否则在使用make编译源码时会报错。 报错信息:make: *** [adlist.o] 2、使用wget命令下载包  wget http://download.redis.io/releases/redis-4.0.6.tar.gz 3、解压tar包 tar…

验证码何时可以退出历史舞台?

验证码是有必要存在的,只是不同阶段表现形式不同,未来的趋势是更加智能无感知,用户体验更好。 简而言之, 验证码其终极目的,就是区分正常人和机器的操作。区分人机行为是必要的:互联网上各种行为&#xff0…

ES5-8 闭包高级、对象、构造函数、实例化

1. 对象 对象内定义的函数一般称之为方法,在外部的函数声明称为函数对象删除属性使用delete 关键字 var obj {a: 1,b: string } console.log(obj, obj) // {a: 1, b: "string"} delete obj.b console.log(obj, obj) // {a: 1}在对象里,this…

es6 --- 使用生成器交替执行

考虑以下场景: var a 1; var b 2;function foo(){a;b b * a;a b 3; }function bar(){b--;a 8 b;b a * 2; }foo(); bar(); console.log(a, b); // 11 22bar(); foo(); console.log(a, b); // 183 180对于上面的两个函数foo和bar,它们中的任何一个,一旦开始了就会…

oracle-group by -having

1、GROUP BY 语句用于结合合计函数,根据一个或多个列对结果集进行分组。(也就是说group by 和聚合函数结合起来使用,要查询的结果来没有聚合函数则报错:不是group by 表达式) a、where 不能放在group by 后面使用 b、having 要和group by 连在…

【转载】汇编速查手册

一、数据传输指令 ─────────────────────────────────────── 它们在存贮器和寄存器、寄存器和输入输出端口之间传送数据. 1. 通用数据传送指令. MOV 传送字或字节. MOVSX 先符号扩展,再传送. MOVZX 先零扩展,再传送. PUSH 把字压…

ES5-9 【utils】构造函数及实例化原理、包装类

1. 构造函数 调用构造函数实际会经历4步 1 创建一个新对象 2 将构造函数的作用域赋值给对象(因此this就指向了这个对象) 3 执行构造函数中的代码(为这个新对象添加属性) 4 返回新对象 在构造函数内部,this指向构造函数…

es6 --- 异步迭代生成器 Promise

看一个经典ajax回调的例子: function foo(x, y, cb) {ajax("http://some.url.1/?x" x "&y" y,cb); }foo(11, 31, function(err, text) {if(err) {console.error(err);}else {console.log(text);} });// 异步请求some.url.1参数为x 11, y31的数据.…

Mysql5.7.20使用group by查询(select *)时出现错误--修改sql mode

使用select * from 表 group by 字段 时报错错误信息说明: 1055 - Expression #1 of SELECT list is not in GROUP BY clause and contains nonaggregated column haha_db.staff.id which is not    functionally dependent on columns in GROUP BY clause; this…

【心情随笔】03

一、 越是学习越是感到自己的无知。以往总有不求甚解的做法,稍微看了一下就囫囵吞枣算懂了,其实这是逃避,不仅面试问的时候答不上来,而且内部可以用来扩展的思想也没有领悟到。连该问题都说不清楚更不要说举一反三了。近来&#x…

ES5-10 原型、原型链、闭包立即执行函数、插件开发

重学第六章 1. 原型 实例内属性和原型上属性重名时(屏蔽) function Test(name) {this.name name } Test.prototype.name hhh let tObj new Test(yyy) console.log(tObj.name) // yyy tObj.name null console.log(tObj.name) // null delete tObj.…

javascript --- 使用run函数,让100条ajax依次执行

使用如下: function *foo(len,urlArray) {let r [];for(let i 0; i< len; i){r[i] yield request(urlArray[i]);} } // len:是长度,urlArray,是请求的url数组..下面附上run函数的代码,以及证明以上是成立的 // Benjamin Gruenbaum(benjamingr on Github) function run(g…

[转]IIS 允许/禁止 目录浏览

<?xml version"1.0" encoding"utf-8"?> <configuration><system.webServer><directoryBrowse enabled"true" /></system.webServer> </configuration> enabled true -> 允许目录浏览&#xff0c;子目…

C++编程基础一 06-布尔类型

1 // 06-布尔类型.cpp: 定义控制台应用程序的入口点。2 //3 4 #include "stdafx.h"5 #include <iostream>6 using namespace std;7 8 int main()9 { 10 bool a true; //真 存在的 非零 1 11 bool b false;//假 不存在 零 0 12 cout << …

性能优化杂记

webpack 开发、生产环境配置不同的webpack配置文件 生产环境删除devServer&#xff08;不需要启webpack devServer&#xff09; 告诉webpack&#xff0c;生产、开发分别要对应哪个配置文件 开发环境下也能看到打包的结果 npm run dev:build npm run dev 只会把打包生产…

算法 --- 冒泡排序、选择排序、插入排序的js实现

冒泡排序: function bubbleSort(arr){let i arr.length;while(i >0){for(let j 0; j< i; j) {let pos 0;if(arr[j] > arr[j1]) {pos j;let temp arr[j];arr[j] arr[j1];arr[j1] temp;}}i pos;}return arr; } var arr [3,44,38,5,47,15,36,26,27,2,46,4,19,5…