题目 | let和var的区别(一、二)

码海逐星说
• 阅读 852
文 / 景朝霞
来源公号 / 朝霞的光影笔记
ID / zhaoxiajingjing
图 / 自己画
❥❥❥❥点个赞,让我知道你来过~❥❥❥❥

来来来~,请拿出纸和笔,画一画算结果,算完后再用浏览器运行哦~

请做题

  1. 输出结果是?
console.log(a);
var a = 1;
var b = a;
b = 2;
console.log(a);
  1. 输出结果是?
console.log(sum(1, 2));
function sum(n, m) {
    return n + m;
}
  1. 输出结果是?
console.log(a);
let a = 1;
a = 2;
console.log(a);
  1. 输出结果是?
var a = 1;
var a = 2;
console.log(a);
  1. 输出结果是?
let a = 1;
let a = 2;
console.log(a);

浏览器执行代码

当浏览器开辟出供代码执行的栈内存后,在代码自上而下执行之前,做了一些事情:把当前执行上下文中的所有带var/function关键字的进行提前的声明(declare)和定义(defined)即:变量提升(声),其中:

  • 带var关键字的只是提前声明(declare)var a;,只声明没有定义,默认值是undefined
  • 带function关键字的:声明(declare)+定义(defined)a=1;
  • 定义就是赋值,把变量和某个值关联起来

那么,在变量提升阶段,浏览器会开辟一块空间来进行:变量存储+值存储

注意,值存储:

  • 基本数据类型的值——直接存储在栈内存中
  • 引用数据类型的值(对象和函数)

    1. 开辟一个堆内存(16进制地址)
    2. 把内容存储在堆内存中(对象:键值对,函数:函数体中的代码字符串)
    3. 把16进制地址存储到栈内存中,让变量与其关联在一起(赋值)

看图理解

这里给出第一题的分步骤图解,请参考再自己画其他题目哦~

题目 | let和var的区别(一、二)
△二维码查看原文哦~

题目 | let和var的区别(一、二)
△图解 _ let和var的区别(一、二)

预告:记住几个名词

请拿出纸和笔,自己写4遍~~~~:

  • ECStack:Execution [ˌeksɪˈkjuːʃn] Context Stack 执行环境栈
  • EC:Execution Context 执行环境(执行上下文)

    • VO:Variable[ˈveəriəbl] Object 变量对象
    • AO:Activation [ˌæktɪˈveɪʃ(ə)n] Object 活动对象 (函数的叫做AO,可以理解为VO的一个分支)
  • Scope [skəʊp]:作用域,创建的函数的时候就赋予的
  • Scope Chain[tʃeɪn] :作用域链

沟通交流

题目 | let和var的区别(一、二)
△文章首发

点赞
收藏
评论区
推荐文章
Easter79 Easter79
3年前
tomcat调试servlet
有时候web程序会引用到workspace下面的其它工程,在tomcat调试的时候,经常会出现找不到所引用的jar的问题。 而抛出的异常也很诡异,有时候会是:<strongclassNotFound</strong,或者<strongNoClassDefineFound</strong, 有时候甚至会是<bXXXcan'tbe
DevOpSec DevOpSec
4年前
Linux主机安全配置
1.安全配置规范1.身份鉴别1.账号检查<tableborder"1"cellspacing"0"style"width:426.1pt;"<tbody<tr<tdstyle"width:113.4pt;"<pstyle"marginleft:0pt;"<strong<strong安全配置编号
Stella981 Stella981
3年前
React Hooks实现异步请求实例—useReducer、useContext和useEffect代替Redux方案
<blockquote本文是学习了2018年新鲜出炉的ReactHooks提案之后,针对<strong异步请求数据</strong写的一个案例。注意,本文假设了:<br1.你已经初步了解<codehooks</code的含义了,如果不了解还请移步<ahref"https://reactjs.org/docs/hooksintro.html
Wesley13 Wesley13
3年前
Java面试
<divclass"htmledit\_views"id"content\_views"<pid"maintoc"<strong目录</strong</p<pid"Java%E5%9F%BA%E7%A1%80%EF%BC%9Atoc"style"marginleft:40px;"<ahref"Java%E5%
Wesley13 Wesley13
3年前
Java 9版本之后Base64Encoder和Base64Decoder无法继续使用解决办法
<divclass"htmledit\_views"id"content\_views"<p在项目开发过程中,因为重装系统,安装了Java10版本,发现sun.misc.Base64Encoder和sun.misc.Base64Decoder无法使用。</p<p<br</p<p<strong原因:</strong</p<p查看
Wesley13 Wesley13
3年前
DNS域传送漏洞
DNS域传送漏洞图片展示现象<strong这里借用一张图片,现在DNS域传送漏洞很不好找了!</strong!(https://oscimg.oschina.net/oscnet/c164811810ca377871735d7128bac2521b5.png)
Stella981 Stella981
3年前
OC AVPlayerItem,AVPlayer,AVPlayerLayer的使用
音量调节以及跳转到指定的秒数,停止和暂停,只是学习,没有封装import<Masonry.himport<AVFoundation/AVFoundation.h@interfaceRecordVideoplayVC()@property(nonatomic,strong)AVPlayerIte
Wesley13 Wesley13
3年前
IOS编译过程出现过的错误汇总
1.sending'MainViewConroller\const\_strong'toparameterofincompatibletype'<NSFileManagerDelegate错误解决方案:http://stackoverflow.com/questions/24248825/gettingawa
Wesley13 Wesley13
3年前
(寒假开黑gym)2017
<ahref"https://codeforces.com/gym/101933/"target"\_blank"style"fontsize:24px;"<strong传送门</strong</a付队!(https://www.oschina.net/action/GoToLink?urlhttps%3A%2F%2Fwww.
Easter79 Easter79
3年前
Tomcat安装、配置、优化及负载均衡详解
<divid"cnblogs\_post\_body"class"blogpostbody"<p<strong原文地址:https://www.cnblogs.com/rocomp/p/4802396.html</strong</p<p<strong一、常见JavaWeb服务器</strong</p<div<strong&
Wesley13 Wesley13
3年前
Java集合及concurrent并发包总结(转)
<divid"cnblogs\_post\_body"class"blogpostbody"<p<strong1.集合包</strong</p<p&nbsp;&nbsp;集合包最常用的有Collection和Map两个接口的实现类,Colleciton用于存放多个单对象,Map用于存放KeyValue形式的键值对。</p<p
码海逐星说
码海逐星说
Lv1
其实人世间的挚爱,只有两件事情就可以表达。
文章
4
粉丝
0
获赞
0