let和const的一些知识点
let和const
- 不可以重复声明
- 不会发生变量提升,因此必须在声明之后使用,否则报错!
- 只在声明所在的块级作用域内有效
let
同一个作用域内不能重复声明同一个变量:
function func() {
let a = 10;
var a = 1;
}
func() // 报错 function func() {
let a = 10;
let a = 1;
}
func() // 报错
function func(arg) {
let arg;
}
func() // 不能在函数内部重新声明参数!!!!!因为参数等同于在函数内部var声明的一个局部变量 function func(arg) {
{
let arg;
}
}
func() // 该例子不报错,是因为在func里面增加{}等同于又新建了一个作用域,因此{}里的arg不是参数arg
let可以只声明不赋值,没有值的时候会输出undefined
console.log(let1) // let1 is not defined
let let1;
console.log(let1) // undefined
let1 = 1;
console.log(let1) // 1
let在for循环中的应用:【下面将给出我对这两个例子的理解】
var a = [];
for (var i = 0; i < 10; i++) {
a[i] = function () {
console.log(i);
};
}
a[6](); //
该demo的执行过程如下:
var a = []; // 全局变量
var i = 0; // 全局变量,第1次循环
a[0] = function(){ console.log(i) } // 此时的i不是0,是因为这里只是声明了这个函数,并没有执行它,即没有创建这个函数的上下文,因此i不会沿着作用域链向外去找i的值
var i = 1; // 第2次循环,因为是全局变量,因此i = 1会替换上一个i = 0
a[1] = function(){ console.log(i) } // 同a[0],所有该函数的执行的作用域是全局作用域
var i = 2 // 第3次循环,同理,i = 2会替换上一个i = 1
...
var i = 9; // 第10次循环,i = 9会替换上一个i = 8
a[9] = function(){ console.log(i) }
直到var i = 10,10<10不满足循环条件,则跳出循环,继续向下执行全局作用域下面的语句:a[6]();
调用a[6]函数,并创建a[6]函数的函数上下文,执行该函数内部的console.log(i),这个函数中没有i,因此顺着作用域链向外去找i,而此时全局变量var i = 10,因此输出10
var a = [];
for (let i = 0; i < 10; i++) {
a[i] = function () {
console.log(i);
};
}
a[6](); //
第二个demo的执行过程如下:
let a = []; // 全局变量
{ // 第1次循环
let i = 0; // let使得for循环变成一个块级作用域,则let i = 0是这个块级作用域下的局部变量
a[0] = function(){ console.log(i) } // 注意!!!由于let的声明创建了一个块级作用域,此时的a[0]这个函数就是一个闭包
}
{ // 第2次循环
let i = 1; // 注意!!!此时的let i = 1和let i = 0是属于两个不同的块级作用域,因此两者的值并不会相互影响
a[1] = function(){ console.log(i) } // 同a[0]
}
...
{ // 第10次循环
let i = 9;
a[9] = function(){ console.log(i) } // 同样该函数也是一个闭包!
}
{
直到let i = 10,不满足循环条件,跳出循环,注意!!该代码块中不存在闭包因此,let i = 10在这次循环之后代码块随即被销毁
}
继续向下执行全局作用域下面的语句:a[6]();
调用a[6]函数,进入该块级作用域的代码环境,在该闭包内部找i值,如果没有则顺着作用域链向外去找i,而此时块级作用域内有let i = 6,因此输出6
此时闭包被调用,所以整个代码块中的变量i和a[6]函数被销毁。
暂时性死区
在代码块内,凡是用let声明变量之前,该变量都是不可使用的,这在语法上叫做“暂时性死区”(Temporal Dead Zone,简称TDZ)。所以,凡是在声明之前使用该变量,就会报错!
var tmp = 'ning'; if (true) {
// TDZ开始
tmp = 'abc'; // ReferenceError
console.log(tmp); // ReferenceError 去掉这两句才能继续向下执行代码并输出响应的结果 let tmp; // TDZ结束
console.log(tmp); // undefined tmp = 123;
console.log(tmp); //
}
从上面的代码可以看出虽然全局有一个tmp变量,但是在if这个块级作用域下let声明了一个局部变量tmp,导致该局部变量tmp绑定(binding)了这个区域,所以在let声明之前使用它,都属于该tmp的死区,会报错!
在没有let之前,使用typeof是百分之百不会报错的,因为如果typeof一个未声明的变量,会输出'undefined'
但是,暂时性死区的出现使得typeof的使用需要小心!因为如果在let声明前typeof该变量则会报错!
typeof x; // ReferenceError
let x;
const
const声明一个只读的常量。一旦声明其值就不能改变,并且一旦声明变量就必须立即初始化,只声明不赋值就会报错!
console.log(const1) // Missing initializer in const declaration
const const1;
console.log(const1) // Missing initializer in const declaration
cosnt也是在块级作用域内有效,例子如下:
if (true) {
const MAX = 5;
}
console.log(MAX); // Uncaught ReferenceError: MAX is not defined
const命令声明的常量不能提升,只能在声明的位置之后使用const,例子如下:
if (true) {
console.log(MAX); // Uncaught ReferenceError: MAX is not defined
const MAX = 5;
}
const同样不能重复声明!例子如下:
function func() {
const a = 10;
var a = 1;
}
func() // 报错 function func() {
const a = 10;
let a = 1;
}
func() // 报错
const的本质:
实际上是保证的是变量指向的内存地址保存的数据不能改动!
对于基本数据类型而言,内存地址里保存的就是值,所以等同于常量
而对于引用类型而言(主要是对象和数组),变量指向的内存地址中保存的是 指向实际数据的指针,因此只要该指针是固定不变的,该指针指向的堆内存的数据是否变化const是不在意的!因此,将一个对象声明为常量必须非常小心!!!!例子如下:
const obj = {}; obj.attr = 'ning';
console.log(obj.attr) // 'ning' obj = { attr: 'li' }
console.log(obj.attr) // Uncaught TypeError: Assignment to constant variable.
常量obj存的是一个地址,指向一个对象,不可变的是这个地址,而对象本身里的内容是可变的!
let和const的一些知识点的更多相关文章
- C++随笔(0)——关于const
最近发现自己对const这一块其实不甚熟悉,所以复习一下const的相关知识点. 基本用法 const int bufSize = 512; 上面这样就可以将bufSize定义为常量,编译的时候编译器 ...
- vue2.0自学笔记
前言: 一.优点: 轻量级.高效率.上手快.简单易学.文档全面而简洁 二.功能: 1.模板渲染 2.模块化 3.扩展功能:路由.Ajax 三.课程包含: 1.Vue实例 2.Vue组件 3.Vue指令 ...
- Effective C++(1-2) 编译器替换预处理器
1 C++最主要的四部分: C Object-Oriented C++: 面向对象 Template C++:泛型编程 STL C++高效编程守则视状况而变化,取决于你使用C++的哪一部分. 2 尽量 ...
- C++面向对象高级编程(一)基础篇
技术在于交流.沟通,转载请注明出处并保持作品的完整性. 概要: 知识点1 构造函数与析构函数 知识点2 参数与返回值 知识点3 const 知识点4 函数重载(要与重写区分开) 知识点5 友元 先以C ...
- 前端学习笔记 --ES6新特性
前言 这篇博客是我在b站进行学习es6课程时的笔记总结与补充. 此处贴出up主的教程视频地址:深入解读ES6系列(全18讲) 1.ES6学习之路 1.1 ES6新特性 1. 变量 2. 函数 3. 数 ...
- 【ES6】ES6入门笔记
1.概要 - ECMAScript2015(ES6)是Javascript最标准的语法式样,是在2015年6月由Ecma国籍组织公布的最新版本,现在已经被多个领域和浏览器所广泛采纳和使用. 2.学习网 ...
- openssl 1.1.1 reference
openssl 1.1.1 include/openssl aes.h: # define HEADER_AES_H aes.h: # define AES_ENCRYPT 1 aes.h: # de ...
- 两个知识点的回顾(const指针和动态链接库函数dlopen)
昨天,看了一点<c++ primer>和<程序员的自我修养>,想起了自己以前的两个知识点,这里回顾,并且总结一下. 1. const指针的参数 看primer的时候,看到几个概 ...
- C#基本知识点-Readonly和Const的区别
什么是静态常量(Const)和动态常量(Readonly) 先解释下什么是静态常量(Const)以及什么是动态常量(Readonly). 静态常量(Const)是指编译器在编译时候会对常量进行解析 ...
随机推荐
- Python学习笔记(三)——文件系统中的常用方法
OS模块中关于文件/目录常用的函数使用方法 函数名 使用方法 getcwd() 返回当前工作目录 chdir() 改变工作目录 listdir(path='.') 列举指定目录中的文件名('.'表示当 ...
- 0929CSP-S模拟测试赛后总结
70分31名滚粗. 赛后发现赛时得到的分数全都是暴力分…… T2打的三分跑都没跑……边界设错了……赛后稍微调了调多了15分…… 据说有15分的暴力分,那么另外15分就是只有一种选择的情况了…… (如果 ...
- kubernetes istio之gateway
[root@master istio-]# kubectl apply -f samples/httpbin/httpbin.yaml service/httpbin created deployme ...
- mysql 新特性之geometry
1.获取矩形两个点的数据(左上角和右下角) SELECT * FROM t_location WHERE MBRContains ( ...
- 1.1python基础_基础
1_编码 默认情况下,Python 3 源码文件以 UTF-8 编码,所有字符串都是 unicode 字符串. 当然你也可以为源码文件指定不同的编码: # -*- coding: UTF-8 -*- ...
- 面试系列 30 如何自己设计一个类似dubbo的rpc框架
其实一般问到你这问题,你起码不能认怂,因为既然咱们这个课程是短期的面试突击训练课程,那我不可能给你深入讲解什么kafka源码剖析,dubbo源码剖析,何况我就算讲了,你要真的消化理解和吸收,起码个把月 ...
- 如何将制定目录加入到PYTHONPATH
1 问题背景 TensorFlow Object Detection API 是以Slim为基础实现的,需要将Slim的目录加入PYTHONPATH后才能正确运行. 2 机器环境 window10 a ...
- 基于windows消息的响应USB插入或取出
导语:当有设备进入windows时,系统会向所有的应用层发送WM_DEVICECHANGE消息.进一步根据相应的事件判断设备. LRESULT CALLBACK WndProc(HWND hWnd, ...
- html--设置复选按钮和单选按钮
- mysql 表查询结果 总行数计算
一般的查询语句是这样的 SELECT id,name FROM SystemEvents WHERE 1=1 limit 9,10 SELECT * FROM SystemEvents WHER ...